/* html {
    overflow: hidden;
} */
:root {
    --cabinet-top-navigation-padding: 12px 24px;
    --cabinet-process-default-width: 1248px;
    --cabinet-process-geography-diagram-size: 250px;
}

.cabinet-v2-container-main-inner {
    position: relative;
    display: flex;
    height: calc(var(--viewport-height) - var(--cabinet-add-header-height));
    width: 100%;
    overflow: hidden;
}

.cabinet-v2-container-main-inner.full_view {
    height: var(--viewport-height);
}

.cabinet-v2-container-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    flex-shrink: 0;
    width: 300px;
    height: 100%;

    border-right: 2px solid #F5F5F5;
    overflow: auto;
}

.cabinet-v2-container-right {
    position: relative;
    background-color: #FFFFFF;
    height: 100%;
    flex-grow: 1;
    max-width: 100%;

    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.cabinet-v2-container-left-tarif-box {
    min-height: 100px;
    flex-shrink: 0;
}

.cabinet-v2-container-main-inner[data-mobile-menu='opened'] .cabinet-v2_mobile_menu_background {
    display: block;
    opacity: 1;
}

.cabinet-v2_mobile_menu_background {
    display: none;
    position: absolute;

    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;

    background-color: rgba(0, 0, 0, 0.1);
    opacity: 0;
    transition: opacity 200ms ease-in-out;
}

.cabinet-v2-container-left-menu {
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 5px;
    margin-right: 5px;

    display: flex;
    flex-direction: column;
    align-items: center;

    flex-shrink: 1;
    /*overflow: auto;*/

    transition: opacity 0.2s ease-in-out;
}

.cabinet-v2-container-left-menu-item-delimiter {
    height: 1px;
    background-color: #E3E3E3;
    width: 100%;

    margin: 10px 0;
}

.cabinet-v2-container-left-menu-list {
    margin: 0;
    padding:0;

    width: 100%;
}

.cabinet-v2-container-left-menu-item {
    position: relative;
    width: 100%;

    list-style-type: none;
    border-radius: 5px;

    overflow: hidden;
    background-image: none;
}

.cabinet-v2-container-left-menu-item > a {
    display: flex;
    align-items: center;
    
    width: 100%;
    overflow: hidden;
    text-decoration: none;

    padding: 5px 20px;
}

.cabinet-v2-container-left-menu-item > a > span {
    display: block;
    color: #000000;
    margin-left: 15px;
    padding-block-start: 3px;
}

.cabinet-v2-container-left-menu-item:hover,
.cabinet-v2-container-left-menu-item.selected {
    background-color: rgba(33, 111, 230, 0.05);
}

.cabinet-v2-container-left-menu-item.selected::after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 2px;

    background-color: #216FE6;

    width: 5px;
    border-radius: 5px;
}

.cabinet-v2-container-left-menu-item-logo {
    width: 30px;
    height: 30px;

    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;

    flex-shrink: 0;
}

.cabinet-v2_items_container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
    min-height: 100%;
    overflow: hidden;
}

.cabinet-v2_items_container.with_sidebar {
    flex-direction: row;
}

.cabinet-v2_items_container_inner {
    display: flex;
    flex-direction: column;
    position: relative;

    height: 100%;
    background-color: #FFFFFF;
    /* padding: 20px 30px;
    padding-top: 30px; */
    overflow: hidden;
    flex: 1;
}

.cabinet-v2_items_container.with_sidebar .cabinet-v2_items_container_inner {
    height: auto;
}

.cabinet-v2_items_content_container {
    position: relative;
    flex-grow: 1;

    padding-bottom: 100px;
    padding-top: 20px;
}

.cabinet-v2_items_content_container.paddingbottom
{
    padding-bottom: 100px;
}

.cabinet-v2_items_content_container:empty:after {
    content: attr(data-empty-tip);

    display: flex;
    justify-content: center;
    align-items: center;

    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;

    color: #0000004d;
    font-weight: 500;
    font-size: 16px;

    user-select: none;
}

.cabinet-v2_items_container_bottom {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-grow: 1;

    overflow: auto;
    overflow: overlay;
    padding: 0 24px;
    max-height: 100%;
}

.cabinet-v2_items_container_bottom_alt {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-grow: 1;

    overflow: auto;
    overflow: overlay;
    padding-left: 24px;
    max-height: 100%;
}

.cabinet-v2_items_content_container_loading {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;

    display: flex;
    justify-content: center;
    align-items: center;

    min-height: 80px;
    display: none;
}

.cabinet-v2_items_content_container_loading.is_empty {
    top: 0;
}

.cabinet-v2_content_nav_button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;

    color: var(--pruffme-text-primary);
}

.cabinet-v2_content_single_nav_button .cabinet-v2_content_nav_button_text {
    color: var(--pruffme-text-primary);
    font-weight: 500;
}

.cabinet-v2_content_single_nav_button .cabinet-v2_content_nav_button_stat {
    min-width: auto;
}

.cabinet-v2_content_single_nav_button .cabinet-v2_content_nav_button {
    gap: 4px;
}

.cabinet-v2_content_side_button {
    font-weight: bold;
    color: #0D6DCE;
}

.cabinet-v2_content_nav_button_text {
    position: relative;
    display: inline-block;
}

.pruffme_template_navigation_item:hover .cabinet-v2_content_nav_button_text::after {
    position: absolute;

    content: "";
    bottom: -5px;
    left: 0;
    right: 0;

    height: 3px;
    border-radius: 3px;

    background-color: #0000001a;
}

.pruffme_template_navigation_item.selected .cabinet-v2_content_nav_button_text::after {
    position: absolute;

    content: "";
    bottom: -5px;
    left: 0;
    right: 0;

    height: 3px;
    border-radius: 3px;

    background-color: #216FE6;
}

.pruffme_select_inline_input > .cabinet-v2_content_nav_button > .cabinet-v2_content_nav_button_text {
    font-weight: 500;
    font-size: 15px;
}



.pruffme_select_inline_input > .cabinet-v2_content_nav_button > .cabinet-v2_content_nav_button_stat {
    display: none;
}

.pruffme_select_option.selected .cabinet-v2_content_nav_button_stat,
.pruffme_select_option.selected .cabinet-v2_content_nav_button_text {
    font-weight: 500;
    color: var(--pruffme-blue-100);
}

.cabinet-v2_content_nav_button_stat {
    display: inline-block;

    opacity: 0;
    color: var(--pruffme-text-secondary);
    min-width: 24px;
    text-align: right;

    transition: opacity ease-in-out 0.2s;
}

.cabinet-v2_content_nav_button_stat.visible {
    opacity: 1;
}

.cabinet-v2_content_search_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.cabinet-v2_content_search_box_left {
    flex-grow: 3;
}

.cabinet-v2_content_search_box_right {
    max-width: 200px;
    min-width: 150px;

    flex: 1;
}


.cabinet-v2_webinar_item {
    position: relative;
}

.cabinet-v2_webinar_item:not(:first-child) {
    margin-top: 15px;
}

.cabinet-v2_webinar_item:not(:last-child) {
    padding-bottom: 15px;
    border-bottom: 1px solid #EEEEEE;
}

.cabinet-v2_webinar_item_inner {
    position: relative;
    display: flex;
    padding: 10px 0;
}

.cabinet-v2_webinar_item.selected > .cabinet-v2_webinar_item_inner {
    background-color: rgba(33, 112, 230, 0.1);
    border-radius: 10px;
}

.cabinet-v2_items_container[data-items-selection-show="enabled"] .cabinet-v2_webinar_item .action_webinar_edit,
.cabinet-v2_items_container[data-items-selection-show="enabled"] .cabinet-v2_webinar_item .action_webinar_edit,
.cabinet-v2_items_container[data-items-selection-show="enabled"] .cabinet-v2_webinar_item .action_template_edit,
.cabinet-v2_items_container[data-items-selection-show="enabled"] .cabinet-v2_webinar_item .action_template_style_edit,
.cabinet-v2_items_container[data-items-selection-show="enabled"] .cabinet-v2_webinar_item .action_webinar_stat,
.cabinet-v2_items_container[data-items-selection-show="enabled"] .cabinet-v2_webinar_item .action_clone_webinar,
.cabinet-v2_items_container[data-items-selection-show="enabled"] .cabinet-v2_webinar_item .action_api_code,
.cabinet-v2_items_container[data-items-selection-show="enabled"] .cabinet-v2_webinar_item .action_drop_webinar
{
    display: none !important;
}

.cabinet-v2_webinar_item.selected > .cabinet-v2_webinar_item_inner::after {
    position: absolute;
    content: "";

    left: 0;
    top: 10px;
    bottom: 10px;
    width: 5px;

    background-color: #216FE6;

    border-radius: 3px;
    /*
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    */
    overflow: hidden;
}


.cabinet-v2_webinar_item_left {
    max-width: 230px;
    width: 100%;
    flex-shrink: 0;
}

.cabinet-v2_webinar_item_right {
    padding-left: 30px;
    overflow: hidden; 
}

.cabinet-v2_webinar_item_logo_wrapper {
    position: relative;
    width: 100%;

    aspect-ratio: 16/9;
    overflow: hidden;
    border-radius: 5px;
}

.cabinet-v2_webinar_item_logo {
    width: 100%;
    height: 100%;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

.cabinet-v2_webinar_link_btn {
    color: #0D6DCE;
}

.cabinet-v2_webinar_item_logo:hover {
    transform: scale(1.05);
}

.cabinet-v2_webinar_item_line_actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cabinet-v2_webinar_item_name {
    font-weight: bold;
    font-size: 16px;

    text-overflow: ellipsis;

    color: #000000;
    margin: 0;
    padding: 0;
    padding-right: 10px;

    margin-bottom: 10px;

    overflow: hidden;
    white-space: nowrap;
}

.cabinet-v2_webinar_item_line {
    margin-bottom: 5px;
}

.cabinet-v2_webinar_item_line_badge {
    height: 24px !important;
    padding-right: 8px !important;
    margin-bottom: 5px;
}

.cabinet-v2_webinar_item_line_badge:hover {
    text-decoration: none;
}


.cabinet-v2_webinar_item_line_actions > .cabinet-v2_webinar_item_line {
    display: flex;
}

.cabinet-v2_webinar_item_line_actions > .cabinet-v2_webinar_item_line:not(:first-child):before {
    content: "•";
    display: inline;

    color: #000000;
    margin-right: 10px;
}

.cabinet-v2_webinar_item_creator {
    padding-left: 3px;
}

.cabinet-v2_webinar_item_actions {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;

    display: flex;
    align-items: center;
    gap: 10px;

    background-color: transparent;
}


.cabinet-v2_webinar_item_description:not(:empty) {
    margin-bottom: 15px;
}

.cabinet-v2_template_dropdown_menu {
    max-width: 250px;
    width: max-content;
}

.cabinet-v2_template_menu_item > .pruffme_template_icon {
    background-size: 27px;
}

.cabinet-v2_template_menu_item {
    display: flex;
    align-items: center;
    width: 100%;

    color: #000000;
    text-decoration: none;

    padding: 10px 20px;

    border: none;
    background-color: #FFFFFF;

    margin: 0;
}

.cabinet-v2_template_inline_menu {
    background-color: #FFFFFF;
}

.cabinet-v2_template_menu_wrapper > .hidden {
    display: none;
}

.cabinet-v2_template_menu_item:hover {
    text-decoration: none;
    background-color: var(--pruffme-border-accent);
}

.cabinet-v2_template_menu_item_text {
    text-decoration: none;
    font-weight: bold;
    text-align: start;
    color: #000000;
    margin-left: 10px;
}

.cic_line_item .cabinet-v2_template_inline_menu .cabinet-v2_template_menu_wrapper {
    display: none;
    gap: 10px;
    align-items: center;
}

.cic_line_item:hover .cabinet-v2_template_inline_menu .cabinet-v2_template_menu_wrapper{
    display: flex;
}

.cabinet-v2_item_pending_outer,
.cabinet-v2_item_pending_loader {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.cabinet-v2_item_requesting_loader {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;

    display: none;

    height: 80px;
}

.cabinet-v2_item_requesting_loader.is_empty {
    top: 0;
    height: auto;
}

.cabinet-v2_item_pending {
    filter: blur(1px);

    transition: filter 0.1s ease-in-out;
}

.cabinet-v2_webinar_additional_box {
    width: 290px;
    max-width: 100%;

    padding: 20px 30px;
    overflow: hidden;
}

.cabinet-v2_webinar_additional_label {
    margin-bottom: 30px;
    font-weight: bold;
    text-align: center;
}

.cabinet-v2_webinar_additional_line {

}

.cabinet-v2_webinar_item_logo_upload {
    position: absolute;
    right: 5px;
    top: 5px;

    display: none;
}

.cabinet-v2_webinar_item_logo_wrapper:hover  .cabinet-v2_webinar_item_logo_upload_btn,
.cabinet-v2_webinar_item_logo_wrapper .cabinet-v2_webinar_item_logo_upload_btn {
}


.cabinet-v2_webinar_item_logo_wrapper:hover .cabinet-v2_webinar_item_logo_upload {
    display: block;
}

.cabinet-v2_apicode_content {
    overflow: auto;
    padding-right: 10px;
    margin-right: 10px;
}

.cabinet-v2_apicode_content.empty {
    min-height: 400px;
}

.cabinet-v2_popup_aweb_select_wrapper {
    padding: 5px;
    border-radius: 5px;
    
    cursor: pointer;
}

.cabinet-v2_popup_aweb_select_wrapper.selected {
    background-color: rgba(46, 111, 252, 0.247);
}

.cabinet-v2_popup_aweb_start_content {
    flex-grow: 1;
    overflow: auto;

    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-right: 5px;

}

.cabinet-v2_popup_aweb_start_actions_box {
    display: flex;
    justify-content: flex-end;
    gap: 10px;

    padding: 10px 20px;
}


.cabinet-v2_info_box {

}

.cabinet-v2_info_box_inner {
    margin: 10px;

    padding: 15px;
    padding-left: 20px;
    border-radius: 5px;
    cursor: pointer;
}

.cabinet-v2_info_box_inner:hover {
    background-color: rgba(33, 111, 230, 0.05);
}

.cabinet-v2_info_box_storage_text {
    font-weight: bold;
}

.cabinet-v2_info_box_storage_line_box {
    padding: 10px 0;
}

.cabinet-v2_info_box_storage_line {
    position: relative;

    height: 8px;
    background-color: #DEEBFF;
    border-radius: 5px;

    overflow: hidden;
    transition: background-color 0.3s ease-in-out;
}

.cabinet-v2_info_box_storage_line_inner {
    position: absolute;

    top: 0;
    bottom: 0;
    left: -100%;

    background-color: #257AFB;
    border-radius: 5px;

    width: 100%;
    transition: background-color 0.3s ease-in-out;
}

.cabinet-v2_info_box_storage_line.overflowed {
    background-color: #e27373;
}

.cabinet-v2_info_box_storage_line.overflowed .cabinet-v2_info_box_storage_line_inner{
    background-color: #fc2e2e;
}

.cabinet-v2_info_box_streams_current,
.cabinet-v2_info_box_tarif_expire {
    color: #0D6DCE;
}

.cabinet-v2_webinar_item_records {
    color: #216FE6;
}

.aweb_online_btn {
    display: none;
    width: 120px;
}

.cabinet-v2_aweb_item.aweb_online .cabinet-v2_aweb_item_status_label {
    display: none;
}


.cabinet-v2_aweb_item.aweb_online .cabinet-v2_aweb_item_online_label {
    display: inline-block;
}

.cabinet-v2_aweb_item.aweb_online .aweb_online_btn {
    display: flex;
}

.cabinet-v2_aweb_item_online_label {
    color: #11A629;
    display: none;
}

.cabinet-v2_aweb_item_records_box {
    display: none;
}

.cabinet-v2_webinar_item_records_box {
    display: none;
}

.cabinet-v2_webinar_item_records_box_inner,
.cabinet-v2_aweb_item_records_box_inner {
    padding-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cabinet-v2_webinar_item_line.webinar_records
/* .cabinet-v2_webinar_item_line.webinar_online_participants,
.cabinet-v2_webinar_item_line.webinar_data,
.cabinet-v2_webinar_item_line.webinar_creator */
{
    display: none;
}

.cabinet-v2_items_container[data-items-selection-show="enabled"] .cabinet-v2_record_item .action_make_aweb,
.cabinet-v2_items_container[data-items-selection-show="enabled"] .cabinet-v2_record_item .action_drop_record
{
    display: none !important;
}

.cabinet-v2_items_container[data-items-selection-show="enabled"] .cabinet-v2_aweb_item .action_start_aweb,
.cabinet-v2_items_container[data-items-selection-show="enabled"] .cabinet-v2_aweb_item .action_edit_aweb,
.cabinet-v2_items_container[data-items-selection-show="enabled"] .cabinet-v2_aweb_item .action_copy_aweb,
.cabinet-v2_items_container[data-items-selection-show="enabled"] .cabinet-v2_aweb_item .action_reconvert_aweb,
.cabinet-v2_items_container[data-items-selection-show="enabled"] .cabinet-v2_aweb_item .action_drop_aweb
{
    display: none !important;
}

.cabinet-v2_aweb_item,
.cabinet-v2_record_item {
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #EEEEEE;
    position: relative;
}

.cabinet-v2_record_item {
    position: relative;
    border-bottom: 1px solid #DDE1E5;
}

.cabinet-v2_aweb_item_inner {
    position: relative;
    display: flex;
    padding: 10px;
    width: 100%;

    text-align: left;
    border: none;
    background-color: #FFFFFF;
    border-radius: 5px;
    cursor: initial;
}

.cabinet-v2_record_item_inner {
    position: relative;
    display: flex;

    cursor: pointer;
    background-color: #FFFFFF;
    border: none;
    text-align: left;
    width: 100%;

    padding: 16px 0 13px 0;
}

/* .cabinet-v2_record_item_inner:hover */
.cabinet-v2_aweb_item_inner:hover
 {
    background-color: #F8F8F8;
}

.cabinet-v2_aweb_item.selected .cabinet-v2_aweb_item_inner,
.cabinet-v2_record_item.selected .cabinet-v2_record_item_inner
{
    background-color: rgba(33, 112, 230, 0.1);
}
.cabinet-v2_aweb_item.selected .cabinet-v2_aweb_item_inner::after,
.cabinet-v2_record_item.selected .cabinet-v2_record_item_inner::after
{
    position: absolute;
    content: "";

    left: 0;
    top: 5px;
    bottom: 5px;
    width: 5px;

    background-color: #216FE6;

    border-radius: 3px;
    overflow: hidden;
}

.cabinet-v2_aweb_item_left,
.cabinet-v2_record_item_left {
    flex-shrink: 0;
    margin-right: 16px;
}

.cabinet-v2_aweb_item_logo,
.cabinet-v2_record_item_logo {
    width: 50px;
    height: 50px;

    border-radius: 25px;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
}

.cabinet-v2_record_item_logo_link {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;

    background-color: transparent;
    border: none;
    outline: none;

    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.cabinet-v2_aweb_item_logo {
    border-radius: 15px;
}

.cabinet-v2_aweb_item_right,
.cabinet-v2_record_item_right {
    display: flex;
    flex-direction: column;

    flex-grow: 1;
}

.cabinet-v2_aweb_item_label,
.cabinet-v2_record_item_label {
    font-weight: 500;
    font-size: 15px;

    margin-bottom: 4px;
}

.cabinet-v2_aweb_item_additional_box,
.cabinet-v2_record_item_additional_box {
    display: flex;
}

.cabinet-v2_record_item_additional_box {
    gap: 16px;
}

.cabinet-v2_record_item_line {
    display: flex;
    gap: 4px;
}

.cabinet-v2_aweb_item_line:nth-child(1) {
    min-width: 170px;
}

.cabinet-v2_aweb_item_line:nth-child(2) {
    min-width: 130px;
}

.cabinet-v2_aweb_item_line:nth-child(3) {
    margin-right: 30px;
}

.cabinet-v2_aweb_item_status_label.action-success {
    color: #11A629;
}

.cabinet-v2_record_item_additional_delete {
    color: #ED0A34;
}

.cabinet-v2_record_item_additional_content {
    color: var(--pruffme-text-primary);
}

.cabinet-v2_record_item_additional_text {
    color: var(--pruffme-text-primary);
}

.cabinet-v2_aweb_item_open_initial_link {
    display: none;
}

.cabinet-v2_aweb_item_records_box,
.cabinet-v2_record_item_records_box {
    display: none;
}

.cabinet-v2_aweb_item_records_box_inner,
.cabinet-v2_record_item_records_box_inner {
    display: flex;
    flex-direction: column;

    gap: 10px;
    margin-top: 10px;
    margin-left: 70px;
}

.cabinet-v2_items_container_top {
    position: relative;
}

.cabinet-v2-selection-record-menu {
    display: flex;
    align-items: center;
    width: 100%;
}
.cabinet-v2-selection-record-menu.h100
{
    height: 100%;
}

.cabinet-v2-selection-custom-actions {
    display: flex;
    gap: 12px;
    align-items: center;
}

.cabinet-v2-selection-custom-action-drop {
    color: #ED0A34;
}

.cabinet-v2_items_selection_container {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;

    padding: var(--cabinet-top-navigation-padding);
    background: #FFFFFF;
    z-index: 1;
    border-bottom: 2px solid #EEEEEE;
}

.cabinet-v2-selection-record-action-btn {
    font-weight: 500;
}

.cabinet-v2-selection-record-action-btn.remove_all {
    color: #D63636;
}

.cabinet-v2-selection-record-menu-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.cabinet-v2-selection-record-menu-inner-left
{
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.cabinet-v2-selection-record-menu-medias-mobile-actions {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    gap: 8px;
    align-items: center;
    justify-content: space-between;

    padding: 12px 16px;
    padding-bottom: 12px;

    transform: translateY(100%);
    transition: transform 0.2s ease-out;

    background-color: #FFFFFF;
    border-top: 1px solid #F7F7F9;
}

.cabinet-v2-selection-record-menu-medias-mobile-actions.active {
    transform: translateY(0);
}




.cabinet-v2-selection-record-menu-medias-mobile-left {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
}

.cabinet-v2-selection-record-menu-medias-mobile-content {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cabinet-v2-selection-record-menu-medias-mobile-content > .pruffme_button {
    color: var(--pruffme-text-primary);
    align-self: flex-start;
}

.cabinet-v2-selection-record-menu-medias-mobile-content > .pruffme_button:focus-visible {
    outline: none;
}

.cabinet-v2-selection-record-menu-medias-mobile-additional-box {
    margin: 0 16px;
    margin-bottom: 34px;
    border-top: 1px solid #EEEEEE;
    flex: 1;
}


.cabinet-v2-selection-record-menu-medias-mobile-additional-header {
    height: 48px;
    display: flex;
    align-items: center;
    gap: 8px;

    color: var(--pruffme-text-primary);
}

.cabinet-v2-selection-record-menu-medias-mobile-additional-content {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 4px;

}

.cabinet-v2-selection-record-menu-medias-mobile-additional-right-column,
.cabinet-v2-selection-record-menu-medias-mobile-additional-left-column {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cabinet-v2-selection-record-menu-medias-mobile-additional-left-column > span {
    color: var(--pruffme-text-secondary);
    height: 20px;
}

.cabinet-v2-selection-record-menu-medias-mobile-additional-right-column > span {
    color: var(--pruffme-text-primary);
    height: 20px;
    overflow: hidden;
}

.cabinet-v2-selection-record-menu-medias-left-box {
    display: flex;
    gap: 10px;
}


.cabinet_selected_items_counter {
    padding-left: 3px;
}

.cabinet-v2_media_item_inner {
    position: relative;
    display: flex;
}

.cabinet-v2_media_item_left {
    flex-shrink: 0;
}

.cabinet-v2_media_item_right {
    display: flex;
    flex-direction: column;
    justify-content: center;

    margin-left: 25px;

    flex-grow: 1;
}

.cabinet-v2_media_item_actions_box {
    display: none;
}

.cabinet-v2_media_item_inner:hover .cabinet-v2_media_item_actions_box{
    display: block;
}

.cabinet-v2_media_item_label {
    font-weight: bold;
    margin-bottom: 5px;
}

.cabinet-v2_media_item_additional {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    color: #777777;
}

.cabinet-v2_media_item_logo {
    position: relative;
    width: 110px;
    height: 70px;

    border: none;
    border-radius: 5px;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.pruffme_cabinet_filter_section {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 8px;
}

.pruffme_cabinet_filter_subsection {
    display: none;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 8px;
    padding-top: 16px;

    border-top: 1px solid #EEEEEE;
}

.pruffme_cabinet_filter_box {
    padding: 16px;
    width: 205px;
}

.pruffme_cabinet_filter_section_label {
    color: var(--pruffme-text-secondary);
}

.pruffme_cabinet_filter_line {
    display: flex;
    gap: 8px;

    color: var(--pruffme-text-primary);
}


.cabinet-v2_media_item_converted {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    top: 10px;
    left: 10px;
    background-color: #4CB050;
}

.cabinet-v2_media_item_actions_box_inner {
    display: flex;
    gap: 15px;
}

.cabinet-v2_media_action_item {
    flex-shrink: 0;

    display: flex;
    justify-content: center;
    align-items: center;

    width: 40px;
    height: 40px;
    border: 2px solid #EBEBEB;
    border-radius: 20px;

    background-color: #FFFFFF;
}

.cabinet-v2_media_action_item_logo {
    width: 100%;
    height: 100%;

    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(images/cabinet/icons/icon_edit.svg);
}

.cabinet-v2_media_action_item_icon {
    width: 100%;
    height: 100%;

    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.cabinet-v2_news_container,
.cabinet-v2_payment_container {
    display: none;
}

.cabinet-v2-news-container-outer,
.cabinet-v2-payment-container-outer {
    background-color: #FFFFFF;
}

body[data-location="tests"] .cabinet-v2-news-container-outer.common-container {
    display: none;
}

.cabinet-v2-news-container-outer.tests-container {
    display: none;
}

body[data-location="tests"] .cabinet-v2-news-container-outer.tests-container {
    display: block;
}

.cabinet-v2-news-container-label-box,
.cabinet-v2-payment-container-label-box {
    display: flex;
    align-items: center;

    height: 40px;
    position: relative;
    /*  */
}

.cabinet-v2-news-container-label,
.cabinet-v2-payment-container-label {
    font-weight: bold;
}

.cabinet-v2-news-container-close,
.cabinet-v2-payment-container-close {
    position: absolute;
    top: 10px;
    right: 10px;

}

.cabinet-v2-news-container-close-btn
{
    position: absolute;
    right: 30px;
    top: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(images/cabinet/icon_close.png);
    width: 16px;
    height: 16px;
    cursor:pointer;
}


.cabinet-v2-news-container-content,
.cabinet-v2-payment-container-content {
    padding: 0 20px;
}

.cabinet-v2-news-item {
    display: none;
}

.cabinet-v2-news-item:nth-child(1) {
    display: block;
}
.cabinet-v2-payment-item-inner {
    margin-top:10px;
    padding: 10px;
    padding-top: 0;
    border: 2px solid #F6F6F6;
    border-radius: 5px;
}

.cabinet-v2-news-item-inner {
    margin-top:10px;
    padding: 0 10px;
    padding-top: 0;
    border: 2px solid #F6F6F6;
    border-radius: 5px;
}

.cabinet-v2-news-item-content {
    padding: 10px 0;
}

.cabinet-v2-news-item-label {
    font-size: 15px;
    font-weight: 500;
}

.cabinet-v2-news-item.has-label .cabinet-v2-news-item-content {
    padding-top: 0;
}

.cabinet-v2_content_info_button {
    height: 100%;
    min-width: 38px;
    aspect-ratio: 1/1;

    border-radius: 5px;
    background-color: #FFFFFF;
    border: 2px solid #EEEEEE;
}

.cabinet-v2_content_info_button > .cabinet-v2-info-icon{
    width: 20px;
    height: 20px;
}

.cabinet-v2_content_restore_dropped {
    color: #0D6DCE;
}

.cabinet-v2_content_restore_dropped_tip {
    color: #0000004d;
    font-size: 12px;
}

.cabinet-v2_items_restore_container {
    display: none;
    padding: 17px 0;
    border-bottom: 1px solid #EEEEEE;
}

.cabinet-v2_media_storage_info {
    padding: 10px 20px;
    width: 240px;
}

.cabinet-v2_content_search_box_info {
    display: flex;
    gap: 10px;
}

.cabinet-v2_media_storage_line {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.cabinet-v2_media_storage_content {
    font-weight: bold;
}



/* CATALOG */

.cabinet-v2_items_container_sidemenu {
    display: none;
    overflow: hidden;
    width: 300px;
    border-left: 2px solid #EEEEEE;
}

.cabinet-v2_catalog_filters_container {
    padding: 16px 24px;
    height: 100%;

    overflow: auto;
    overflow: overlay;
}

.pruffme_bottom_sheet_content .cabinet-v2_catalog_filters_container {
    max-height: calc(100vh - 150px);
}

.cabinet-v2_catalog_filters_container_inner {
    display: flex;
    flex-direction: column;
}

.cabinet-v2_catalog_filters_categories_container {
    display: flex;
    flex-direction: column;
    gap: 16px;

    border-bottom: 2px solid #EEEEEE;
    margin-bottom: 16px;
    padding-bottom: 16px;
}

.cabinet-v2_catalog_filters_categories_content {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cabinet-v2_catalog_filters_line_inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cabinet-v2_catalog_filters_line_left {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cabinet-v2_catalog_filters_category_numerator,
.cabinet-v2_catalog_filters_label {
    color: var(--pruffme-text-secondary);
}

.cabinet-v2_catalog_filters_line_text {
    color: var(--pruffme-text-primary);
}

.cabinet-v2_catalog_filters_custom_content_box {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cabinet-v2_catalog_filters_additional_content_box {
    display: flex;
    flex-direction: column;
    gap: 16px;

    padding-top: 16px;
    border-top: 2px solid #EEEEEE;
    margin-top: 16px;
}

.cabinet-v2_catalog_custom_filter_box {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    height: 64px;
    padding-left: 0;
    padding-right: 24px;
    border-bottom: 2px solid #EEEEEE;
}

.cabinet-v2-webinar-custom-filter-label {
    color: var(--pruffme-text-secondary);
}

.cabinet-v2-webinar-custom-filter-line {
    color: var(--pruffme-text-primary);

    display: flex;
    align-items: center;
    gap: 8px;
}

.cabinet-v2-webinar-custom-filter-additional,
.cabinet-v2-webinar-custom-filter-main {
    display: flex;
    flex-direction: column;
    gap: 16px;

    min-height: 50px;
    position: relative;
}

.cabinet-v2-webinar-custom-filter-main > .dashboard_sort_submode
{
    display: flex;
    flex-direction: column;
    gap: 16px;

    min-height: 50px;
}

.cabinet-v2-webinar-custom-filter-box {
    padding: 16px;
    width: 200px;
    max-height: inherit;
    overflow: auto;
}
/* КОСТЫЛИ ДЛЯ СТАРОГО ДИЗАЙНА */

.content_container {
    flex: 1;
    overflow: hidden;
}

.cabinet-v2_items_container_content_box {
    display: flex;
    flex-direction: column;

    gap: 10px;

    margin-top: 20px;
    padding-bottom: 40px;

    overflow: auto;
    overflow: overlay;
}

.catalog-main-container {
    max-height: 100%;
}

.cabinet-v2-messages-container {
    padding: 10px 10px 10px 30px;
    max-height: 100%;
    height: 100%;
}

.cabinet-v2-notifications-box {
    display: flex;
    flex-direction: column;
    max-height: 100%;
    padding-bottom: 0;
    margin-right: 0;
    padding-right: 10px;
}

.cabinet-v2-notifications-container {
    position: relative;
    flex-grow: 1;

}

.pruffme_notifications_content-loader {
    height: 40px;
    position: relative;
}

#pruffme_notifications_button.unreaded .cabinet-v2_icon_notification,
#pruffme_notifications_button .cabinet-v2_icon_notification-active {
    display: none;
}

#pruffme_notifications_button.unreaded .cabinet-v2_icon_notification-active {
    display: block;
}


.cabinet-v2-notifications-container .notifications-content {
    overflow: auto;
    overflow-y: overlay;
    overflow-x: hidden;
}

.cabinet-v2-notifications-container .notifications-content::-webkit-scrollbar {
    display: block;
}

.cabinet-v2-process-box,
.cabinet-v2-money-box {
    max-height: 100%;
    overflow: auto;
    overflow-x: hidden;
}

.cabinet-v2-money-content {
    max-height: 100%;
    overflow: auto;
    overflow-x: hidden;
    padding-right: 5px;
}

.cabinet-v2-users-container {
    max-height: 100%;
    overflow: hidden;
}

.cabinet-v2-users-inner {
    max-height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.cabinet-v2-new-menu-box {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    background-color: #fff;
    position: relative;
}

.cabinet-v2-media-content-box {
    margin-top: 20px;
    display: flex;
    flex-direction: column;

    gap: 10px;
}

.cicr-menu-buttons-container {
    position: sticky;
    top: calc(var(--cabinet-add-header-height) + 10px);
}

.about-content-box-main {
    margin: 16px 24px;
    max-width: 1306px;
}

@media all and (max-width:500px)
{
    .about-content-box-main
    {
        /*margin: 16px 0px;*/
        margin: 0;
    }
}

.cabinet-team-structure-filters-line,
.cabinet-teamgroup-list-filters-line,
.cabinet-team-list-filters-line {
    padding-left: 14px;
    padding-top: 16px;
    padding-right: 14px;
}

.cabinet-v2_about_inner {
    overflow: auto;
}

/* top navigation 09.02.2023*/
.cabinet-v2_items_container_top.custom_right_button .cabinet_top_navigation_inner{
    padding-right: 12px;
}

.cabinet-v2_content_navigation_container {
    display: flex;
}

.cabinet-v2_content_navigation_box {
    flex: 1;
    max-width: 100%;
}

.cabinet_top_navigation {
    /* margin-top: 12px;
    margin-bottom: 14px; */
}

.cabinet_top_navigation_inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 64px;
    gap: 16px;
    padding: var(--cabinet-top-navigation-padding);
    border-bottom: 2px solid #EEEEEE;
}

.cabinet_top_navigation_left_outer
{
    display: flex;
    flex-direction: row;
    height: 100%;
}
.cabinet_top_navigation_left_outer.button_scroller
{
    overflow: hidden;
}
.cabinet_top_navigation_left_outer > .cabinet_navigation_scroll_button
{
    display: none;
}
.cabinet_top_navigation_left_outer.button_scroller > .cabinet_navigation_scroll_button
{
    display: flex;
    height: 100%;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
}

.cabinet_navigation_scroll_button.scroll_left_button
{
    transform: rotate(180deg);
    background-image: url(images/cabinet/icons/icon_chevron_right.svg);
}
  
.cabinet_navigation_scroll_button.scroll_right_button
{
    background-image: url(images/cabinet/icons/icon_chevron_right.svg);
}
  

.cabinet_top_navigation_left {
    position: relative;

    display: flex;
    align-items: center;
    gap: 6px;

    flex-shrink: 1;
    flex-grow: 1;

    overflow: hidden;
    overflow-x: auto;
    overflow-x: overlay;

    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}

.cabinet_top_navigation_left::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}

.cabinet_top_navigation_right {
    flex-shrink: 0;
}

.cabinet_top_navigation_right_inner {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
}

.cabinet_top_navigation_sort:empty,
.cabinet_top_navigation_filters:empty {
    display: none;
}

.cabinet_top_navigation_sort,
.cabinet_top_navigation_filters {
    max-width: 130px;
}

.cabinet_top_navigation_item {
    flex-shrink: 0;
}

.cabinet_top_navigation_search_short,
.cabinet_top_navigation_filter_short {
    display: none;
}

.cabinet_top_navigation_mobile_sheet_inner {
    margin-bottom: 35px;
}

.cabinet_top_navigation_custom_action .cabinet_top_navigation_mobile_sheet_button,
.cabinet_top_navigation_mobile_sheet_inner .cabinet_top_navigation_mobile_sheet_button {
    color: var(--pruffme-text-primary);
    width: 100%;
    justify-content: flex-start;
}

.cabinet_top_navigation_custom_action .cabinet_top_navigation_mobile_sheet_button:focus-visible,
.cabinet_top_navigation_mobile_sheet_inner .cabinet_top_navigation_mobile_sheet_button:focus-visible {
    outline: none !important;
}

.cabinet_top_navigation_add_dropdown_content > .pruffme_select_option_inner {
    white-space: nowrap;
}   

@media all and (max-width: 1440px) {

}

@media all and (max-width: 1440px) {
    :root {
        --cabinet-top-navigation-padding: 8px 16px;
    }

    .cabinet_top_navigation_left {
        scrollbar-width: none;
    }

    .cabinet_top_navigation_item
    {
        padding: 0 10px;
    }

    .cabinet-v2_content_nav_button
    {
        gap: 6px;
    }

    .cabinet_top_navigation_left .cabinet-v2_content_nav_button .cabinet-v2_content_nav_button_stat
    {
        min-width: unset;
    }

    .cabinet_top_navigation_filter_short {
        display: block;
    }

    .cabinet_top_navigation_filters .pruffme_select_inner {
        height: 0;
        width: 40px;
    } 

    .cabinet_top_navigation_filters .pruffme_select_input {
        height: 0px;
        width: 0;
        border: none;
    }

    .cabinet_top_navigation_filters .pruffme_select_roll_icon_wrapper {
        display: none;
    }



    .cabinet-v2_catalog_custom_filter_box {
        padding-right: 12px;
    }

    .cabinet_top_navigation_inner {
        padding: var(--cabinet-top-navigation-padding);
        position: relative;
        height: 54px;
    }

    .cabinet-v2_catalog_custom_filter_box {
        height: 54px;
    }

    .cabinet_top_navigation_right_inner {
        position: initial;
    }
}

@media all and (max-width: 1040px) {
    .cabinet_top_navigation_left {
        flex-grow: initial;
        overflow: initial;
        overflow-x: initial;
        overflow-y: initial;
    }

    .cabinet_top_navigation_search_wrapper {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: var(--cabinet-top-navigation-padding);
        display: none;
        background-color: #FFFFFF;

        z-index: 1;
    }
    
    .cabinet_top_navigation_search_short {
        display: block;
    }

    .cabinet_top_navigation_search_wrapper.active {
        display: block;
    }

    .cabinet_top_navigation_left .cabinet-v2_content_nav_button .cabinet-v2_content_nav_button_stat
    {
        min-width: 24px;
    }
}

@media all and (max-width: 550px) {
    .cabinet-v2_catalog_custom_filter_box,
    .cabinet_top_navigation_inner {
        border-bottom: 0;
    }
    
    .cabinet-v2_content_navigation_container {
    /* .cabinet-v2_content_navigation_container { */
        box-shadow: 0px 1px 4px 0px rgba(12, 42, 86, 0.08), 0px 1px 4px 0px rgba(12, 42, 86, 0.06);
    }

    .cabinet-v2_content_nav_button
    {
        gap: 8px;
    }


    [data-location="media"] .cabinet-v2-selection-record-menu-medias-right-box {
        display: none;
    }

    [data-location="media"] .cabinet-v2-selection-record-menu-medias-left-box {
        flex: 1;
        justify-content: space-between;
    }

    [data-location="media"] [data-items-selection-show="enabled"] .cabinet-v2_items_container_bottom {
        margin-bottom: 65px;
}
}



.cabinet-v2-simple-popup-content-inner {
    padding: 20px;
    padding-top: 0;
}

.cabinet-v2-rename-popup-content {
    display: flex;
    gap: 12px;
}

/* yes no popup */
.cabinet-v2-simple-popup-content,
.cabinet-v2-confiramation-popup-content {
    width: 400px;
}

.cabinet-v2-confiramation-popup-inner {
    padding: 20px;
}

.cabinet-v2-confiramation-popup-subheader {
    color: var(--pruffme-text-primary);
    text-align: left;
    margin-top: 12px;
}

.cabinet-v2-confiramation-popup-header {
    color: var(--pruffme-text-primary);
    font-size: 15px;
    font-weight: 500;
    text-align: left;

}

.cabinet-v2-confiramation-popup-actions {
    display: flex;
    gap: 12px;
    margin-top: 20px;
}

/* folders styles */

.cabinet_media_item {
    border: none; /* remove the default border */
    background-color: transparent; /* remove the default background color */
    padding: 0; /* remove the default padding */
    margin: 0; /* remove the default margin */
    display: block; /* change the display property to block */
    width: 100%;

    cursor: pointer;
    text-align: left;
    position: relative;
}

.cabinet_media_item.selected {
    background-color: #F7F7F9;
}

.cabinet_media_item:not(.selected):hover {
    background-color: #FBFBFC;
}

.cabinet_media_item_inner {
    display: flex;
    align-items: center;
    padding: 12px;
    /* border-radius: 5px; */

    color: var(--pruffme-text-primary);
    border-bottom: 1px solid #EEEEEE;

    gap: 12px;
}

.cabinet_media_item:last-child .cabinet_media_item_inner {
    border-bottom: none;
}

.cabinet_media_item_logo_box,
.cabinet_media_item_selected_box {
    flex-shrink: 0;
}

.cabinet_media_item_right_box {
    flex-shrink: 0;
}

.cabinet_media_item_right_box {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: flex-end;
    margin-left: auto;
}

.cabinet_media_item_name_additional {
    color: var(--pruffme-text-secondary);
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.cabinet_media_item_name_box_outer
{
    display: flex;
    flex: 1;
    flex-direction: column;
    max-width: fit-content;
    overflow: hidden;
}

.cabinet_media_item_name_box {
    display: flex;
    flex-direction: column;

    flex: 1;
    overflow: hidden;
    white-space: nowrap;
}

.cabinet_media_item_name_box > span
{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.cabinet_media_item_duration_box
{
    line-height: 12px;
    font-size: 11px;
    color: var(--pruffme-text-secondary);
}

.cabinet_media_item_filesize_box,
.cabinet_media_item_creationdate_box,
.cabinet_media_item_status_box {
    width: 100px;
    overflow: hidden;
    white-space: nowrap;
}

.cabinet_media_item_status_box {
    white-space: initial;
}

.cabinet_top_navigation_folder_overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #FFFFFF;

    display: flex;
    align-items: center;
}


.cabinet_top_navigation_folder_link {
    text-decoration: none!important;
    color: var(--pruffme-text-secondary)!important;
}

.cabinet_top_navigation_folder_current {
    padding: 0 12px;
    color: var(--pruffme-text-primary);
}

.cabinet_top_navigation_folder_delimeter {
    width: 20px;
    height: 20px;

    background-image: url(images/cabinet/icons/icon_header_delimeter.svg);
    background-position: center;
    background-repeat: no-repeat;
}

.pruffme_modal_folder_transfer {
    padding: 20px;
    padding-bottom: 24px;
    padding-top: 0;

    overflow: hidden;

    width: 440px;
}

.pruffme_modal_folder_transfer_wrapper {
    position: relative;
    min-height: inherit;

    height: 350px;

    display: flex;
    flex-direction: column;
}

.pruffme_modal_folder_transfer_path {
    flex-shrink: 0;
}

.pruffme_modal_folder_transfer_content {
    flex: 1;
    position: relative;

    overflow: auto;
    overflow: overlay;
}

.pruffme_modal_folder_transfer_content_empty {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    color: var(--pruffme-text-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
}

.pruffme_modal_folder_transfer_actions {
    flex-shrink: 0;
}

.pruffme_folder_transfer_item {
    width: 100%;
    margin-bottom: 8px;
}

.pruffme_folder_transfer_item:last-child {
    margin-bottom: 0;
}

.pruffme_folder_transfer_item_inner {
    display: flex;
    gap: 8px;
    align-items: center;
    width: 100%;
    text-align: left;

    position: relative;
}

.pruffme_modal_folder_transfer_path {
    margin-bottom: 8px;
}

.pruffme_folder_transfer_item_action {
    flex-shrink: 0;
}

.pruffme_folder_transfer_item_name {
    color: var(--pruffme-text-primary);
    flex: 1;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pruffme_folder_transfer_item_selected {
    display: none;
}

.pruffme_folder_transfer_item.selected {
    background-color: #F7F7F9!important;
}

.pruffme_folder_transfer_item.selected .pruffme_folder_transfer_item_selected {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    right: 6px;
    bottom: 0;
    background-color: #F7F7F9;
}

.pruffme_folder_transfer_item_logo {
    width: 32px;
    height: 32px;

    flex-shrink: 0;

    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../../assets/css/images/chat/icon_attachment_folder.svg);
}

.pruffme_modal_folder_transfer_actions {
    margin-top: 20px;
}

.pruffme_modal_folder_transfer_main_actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pruffme_modal_folder_transfer_secondary_actions {
    display: none;
}

.pruffme_modal_folder_transfer_secondary_actions_inner {
    display: flex;
}

.cabinet_media_item_additional_box:not(:empty) {
    display: flex;
    gap: 20px;
    align-items: center;

    margin-right: 40px;
}

.cabinet_media_item_additional_dropdate {
    color: #ED0A34;
    display: flex;
    align-items: center;
    gap: 4px;
}

.pruffme_folder_filter_section {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 8px;
}

.pruffme_folder_filter_subsection {
    display: none;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 8px;
    padding-top: 16px;

    border-top: 1px solid #EEEEEE;
}

.pruffme_folder_filter_box {
    padding: 16px;
    width: 205px;
}

.pruffme_folder_filter_section_label {
    color: var(--pruffme-text-secondary);
}

.pruffme_folder_filter_line {
    display: flex;
    gap: 8px;

    color: var(--pruffme-text-primary);
}

.cabinet-v2_folders_items_empty_container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.cabinet-v2_folders_items_empty_container.style_default > .style_folder,
.cabinet-v2_folders_items_empty_container.style_default > .style_search {
    display: none;
}

.cabinet-v2_folders_items_empty_container.style_folder > .style_default,
.cabinet-v2_folders_items_empty_container.style_folder > .style_search {
    display: none;
}

.cabinet-v2_folders_items_empty_container.style_search > .style_default,
.cabinet-v2_folders_items_empty_container.style_search > .style_folder {
    display: none;
}

.cabinet-v2_items_content_container:empty ~ .cabinet-v2_folders_items_empty_container {
    display: flex;
}

.cabinet-v2_folders_items_empty_container.style_search .pruffme_im_dialogs_empty_sublabel,
.cabinet-v2_folders_items_empty_container.style_default .pruffme_im_dialogs_empty_sublabel {
    max-width: 214px;
}

.cabinet-v2_folders_items_empty_container_logo {
    width: 215px;
    height: 215px;

    background-image: url(images/cabinet/icons/icon_folder_empty.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.cabinet-v2_folders_items_empty_container.style_folder > .cabinet-v2_folders_items_empty_container_logo {
    background-image: url(images/cabinet/icons/icon_folder_search_empty.svg);
}

.cabinet-v2_folders_items_empty_container.style_search > .cabinet-v2_folders_items_empty_container_logo {
    background-image: url(images/cabinet/icons/icon_folder_folder_empty.svg);
}

.cabinet_folder_icon_chevron_right {
    background-image: url(images/cabinet/icons/icon_chevron_right.svg);
}

.cabinet_folder_icon_chevron_left {
    transform: rotate(180deg);
    background-image: url(images/cabinet/icons/icon_chevron_right.svg);
}

.cabinet_folder_icon_check {
    background-image: url(images/cabinet/icons/icon_check.svg);
}

/* mobile foler styles */

.cabinet_media_item_mobile_right_box {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    user-select: none;
}

.cabinet_media_item_mobile_bottom_box {
    display: flex;
    gap: 8px;
    align-items: center;
}

.cabinet_media_item_mobile_bottom_box {
    color: var(--pruffme-text-secondary);
}

.pruffme_folder_custom_filter_mobile {
    display: none;
}

.pruffme_modal_folder_mobile_upload_actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    padding: 12px 16px;
    padding-bottom: 32px;

    border-top: 1px solid #F7F7F9;
}

.pruffme_modal_folder_mobile_upload_content {
    flex: 1;
    overflow: auto;
    overflow: overlay;
    padding: 0 16px;
    padding-top: 8px;
}

.pruffme_modal_folder_mobile_upload_inner,
.pruffme_modal_folder_mobile_upload {
    height: 100%;
    display: flex;
    flex-direction: column;
}

@media all and (max-width: 550px) {
    .pruffme_modal_folder_upload_dropzone_upload {
        margin-top: 0 !important;
    }

    .pruffme_folder_custom_filter_mobile {
        display: block;
    }
/* 
    .pruffme_folder_custom_filter_desctop {
        display: none;
    } */

    .cabinet_media_item_selected_box {
        display: none;
    }

    .cabinet-v2_items_container[data-items-selection-show="enabled"] .cabinet_media_item_selected_box {
        display: flex;
    }

    .pruffme_folder_custom_filter_box .pruffme_select_inner {
        height: 0;
        width: 40px;
    } 

    .pruffme_folder_custom_filter_box .pruffme_select_input {
        height: 0px;
        width: 0;
        border: none;
    }

    .pruffme_folder_custom_filter_box .pruffme_select_roll_icon_wrapper {
        display: none;
    }

    .cabinet_media_item_additional_box:not(:empty) {
        margin-right: 0;
        flex: 1;
        justify-content: flex-end;
    }

    .pruffme_modal_folder_transfer {
        width: 95vw;
    }

    .pruffme_modal_folder_transfer_wrapper {
        height: 70vh;
    }

    .cabinet_media_item_filesize_box,
    .cabinet_media_item_creationdate_box,
    .cabinet_media_item_status_box {
        width: auto;
    }

    .cabinet_top_navigation_folder_overlay {
        position: relative;
        top: 0;
        left: 0;
        bottom: 0;
        background-color: #FFFFFF;
    
        max-width: calc(100vw - 192px);
        width: fit-content;
        overflow: hidden;
    
        display: flex;
        align-items: center;
}

    .pruffme_folder_transfer_back_button {
        max-width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        padding-left: 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        flex: 1;
    }

    .cabinet_media_item_name_box {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .cabinet_media_item_inner {
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
         -khtml-user-select: none; /* Konqueror HTML */
           -moz-user-select: none; /* Firefox */
            -ms-user-select: none; /* Internet Explorer/Edge */
                user-select: none;
    }
}


/* calendar page styles */

.cabinet-v2_calendar_container_inner {
    flex: 1;

    display: flex;
    flex-direction: column;

    position: relative;
    height: 100%;
    padding: 24px 26px 26px 24px; 
}

.cabinet-v2_calendar_container_top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    flex-grow: 0;
    flex-shrink: 0;

    margin-bottom: 24px;
}

.cabinet-v2_calendar_container_content {
    display: flex;
    flex: 1;
}

.cabinet-v2_calendar_container_top_filters_box {
    display: flex;
    gap: 16px;
}

.cabinet-v2_calendar_filter {
    cursor: pointer;
}

.pruffme_cabinet-v2_calendar_table {
    flex: 1;
}

.pruffme_cabinet-v2_calendar_table_content {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.pruffme_cabinet-v2_calendar_table_inner {
    display: flex;
    flex-direction: column;

    height: 100%;
    border-radius: 5px;
}

.pruffme_cabinet-v2_calendar_table_header {
    border-bottom: 1px solid var(--pruffme-border-accent);
    display: flex;
}

.pruffme_cabinet-v2_calendar_table_header_cell {
    flex: 1;

    display: flex;
    align-items: center;
    justify-content: center;

    height: 40px;
    border-top: 2px solid var(--pruffme-border-accent);
    border-right: 2px solid var(--pruffme-border-accent);
    user-select: none;

    font-weight: 500;
}

.pruffme_cabinet-v2_calendar_table_header_cell:first-child {
    border-left: 2px solid var(--pruffme-border-accent);
    border-top-left-radius: 5px;
}

.pruffme_cabinet-v2_calendar_table_header_cell:last-child {
    border-top-right-radius: 5px;
}

.pruffme_cabinet-v2_calendar_table_line {
    display: flex;
    flex: 1;
}

.pruffme_cabinet-v2_calendar_table_cell {
    flex: 1;

    padding: 0;
    margin: 0;

    position: relative;
    display: flex;
    
    background-color: inherit;
    border: none;
    outline: none;

    border: 1px solid var(--pruffme-border-accent);
}

.pruffme_cabinet-v2_calendar_table_cell:last-child {
    border-right: 2px solid var(--pruffme-border-accent);
}

.pruffme_cabinet-v2_calendar_table_cell:first-child {
    border-left: 2px solid var(--pruffme-border-accent);
}

.pruffme_cabinet-v2_calendar_table_line:last-child .pruffme_cabinet-v2_calendar_table_cell {
    border-bottom: 2px solid var(--pruffme-border-accent);
}

.pruffme_cabinet-v2_calendar_table_line:last-child .pruffme_cabinet-v2_calendar_table_cell:first-child {
    border-bottom-left-radius: 5px;
}

.pruffme_cabinet-v2_calendar_table_line:last-child .pruffme_cabinet-v2_calendar_table_cell:last-child {
    border-bottom-right-radius: 5px;
}

.pruffme_cabinet-v2_calendar_table_cell:hover,
.pruffme_cabinet-v2_calendar_table_cell.previous_month,
.pruffme_cabinet-v2_calendar_table_cell.next_month {
    background-color: #FBFBFC;
}

.pruffme_cabinet-v2_calendar_table_cell.previous_month .pruffme_cabinet-v2_calendar_table_cell_day-box,
.pruffme_cabinet-v2_calendar_table_cell.next_month .pruffme_cabinet-v2_calendar_table_cell_day-box {
    color: rgba(200, 200, 200, 1);
}

.pruffme_cabinet-v2_calendar_table_cell.today_date .pruffme_cabinet-v2_calendar_table_cell_day-box {
    background-color: var(--pruffme-blue-100);
    color: #FFFFFF;
}

.pruffme_cabinet-v2_calendar_table_cell_day-box {
    position: absolute;
    top: 8px;
    right: 8px;

    display: flex;
    justify-content: center;
    align-items: center;

    width: 32px;
    height: 32px;
    border-radius: 16px;

    background-color: #FBFBFC;
    color: var(--pruffme-text-primary);
    font-weight: 500;
}

.pruffme_cabinet-v2_calendar_table_cell-activities {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    display: flex;
}

.pruffme_cabinet-v2_calendar_table_cell-activities_inner {
    flex: 1;

    display: flex;
    flex-direction: column;
    justify-content: end;

    padding: 6px 8px;

    gap: 4px;
    overflow: hidden;
    max-width: 100%;
    max-height: 100%;
}

.pruffme_cabinet-v2_calendar_table_cell-activity {
    position: relative;
    display: flex;
    flex-shrink: 0;

    height: 20px;

    background-color: #FBFBFC;
    color: var(--pruffme-text-primary);
    font-size: 10px;

    border-radius: 5px;

    overflow: hidden;
}

.pruffme_cabinet-v2_calendar_table_cell-activities-overflowing {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 10px;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
}

.pruffme_cabinet-v2_calendar_table_cell-activity-type {
    width: 4px;
    flex-shrink: 0;
    flex-grow: 0;

    background-color: var(--pruffme-blue-100);
}

.pruffme_cabinet-v2_calendar_table_cell-activity-text {
    display: inline-block;
    flex-grow: 1;
    flex-shrink: 1;
    padding: 0 8px;

    line-height: 20px;
    text-align: left;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pruffme_cabinet-v2_calendar_table_cell-activity-more {
    font-size: 10px;
    color: #919399;

    text-align: left;
}

.cabinet-v2_calendar_month_switcher {
    display: flex;
    width: 170px;
}

.cabinet-v2_calendar_month_switcher_active {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;

    font-weight: 500;
}


.pruffme_cabinet-v2_calendar_popup_content-box {
    display: flex;
    flex-direction: column;

    width: 600px;
    min-height: 100px;
}

.pruffme_cabinet-v2_calendar_popup_content-box-inner {
    flex: 1;

    display: flex;
    flex-direction: column;

    padding: 20px;
    padding-top: 0;
    gap: 16px;
}

.pruffme_cabinet-v2_calendar_popup_activity_card {
    display: flex;
    border-radius: 5px;
}

.pruffme_cabinet-v2_calendar_popup_activity_card_inner {
    flex: 1;
    position: relative;
    display: flex;
    border-radius: 5px;
}

.pruffme_cabinet-v2_calendar_popup_label {
    margin-bottom: 24px;
}

.pruffme_cabinet-v2_calendar_popup_activity_card-type {
    width: 4px;
    flex-shrink: 0;
    flex-grow: 0;

    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.pruffme_cabinet-v2_calendar_table_cell-activity.type_webinar .pruffme_cabinet-v2_calendar_table_cell-activity-type,
.pruffme_cabinet-v2_calendar_popup_activity_card.type_webinar .pruffme_cabinet-v2_calendar_popup_activity_card-type {
    background-color: #3785FC;
}

.pruffme_cabinet-v2_calendar_table_cell-activity.type_conference .pruffme_cabinet-v2_calendar_table_cell-activity-type,
.pruffme_cabinet-v2_calendar_popup_activity_card.type_conference .pruffme_cabinet-v2_calendar_popup_activity_card-type{
    background-color: #8BE31B;
}

.pruffme_cabinet-v2_calendar_table_cell-activity.type_autowebinar .pruffme_cabinet-v2_calendar_table_cell-activity-type,
.pruffme_cabinet-v2_calendar_popup_activity_card.type_autowebinar .pruffme_cabinet-v2_calendar_popup_activity_card-type{
    background-color: #971CE2;
}


.calendar_aftertime .pruffme_cabinet-v2_calendar_popup_activity_card.type_webinar .pruffme_cabinet-v2_calendar_dot_webinar,
.calendar_aftertime .pruffme_cabinet-v2_calendar_table_cell-activity.type_webinar .pruffme_cabinet-v2_calendar_table_cell-activity-type,
.calendar_aftertime .pruffme_cabinet-v2_calendar_popup_activity_card.type_webinar .pruffme_cabinet-v2_calendar_popup_activity_card-type {
    background-color: #B4C7E6;
}

.calendar_aftertime .pruffme_cabinet-v2_calendar_popup_activity_card.type_conference .pruffme_cabinet-v2_calendar_dot_conference,
.calendar_aftertime .pruffme_cabinet-v2_calendar_table_cell-activity.type_conference .pruffme_cabinet-v2_calendar_table_cell-activity-type,
.calendar_aftertime .pruffme_cabinet-v2_calendar_popup_activity_card.type_conference .pruffme_cabinet-v2_calendar_popup_activity_card-type{
    background-color: #CBE8A6;
}

.calendar_aftertime .pruffme_cabinet-v2_calendar_popup_activity_card.type_autowebinar .pruffme_cabinet-v2_calendar_dot_autowebinar,
.calendar_aftertime .pruffme_cabinet-v2_calendar_table_cell-activity.type_autowebinar .pruffme_cabinet-v2_calendar_table_cell-activity-type,
.calendar_aftertime .pruffme_cabinet-v2_calendar_popup_activity_card.type_autowebinar .pruffme_cabinet-v2_calendar_popup_activity_card-type{
    background-color: #DFC7ED;
}

.calendar_aftertime .pruffme_cabinet-v2_calendar_table_cell-activity {
    color: #919399;
}

.pruffme_cabinet-v2_calendar_popup_activity_card_closed {
    flex: 1;
    position: relative;
    display: none;
    align-items: center;
    height: 40px;
    background-color: #F9F9F9;
    max-width: calc(100% - 4px);

    cursor: pointer;
}

.pruffme_cabinet-v2_calendar_popup_activity_card_closed:hover {
    background-color: #F5F5F5;
}

.pruffme_cabinet-v2_calendar_popup_activity_card-content {
    flex: 1;
    padding: 16px;
}

.pruffme_cabinet-v2_calendar_popup_activity_card_closed-label {
    padding-left: 16px;
    color: var(--pruffme-text-primary);

    max-width: calc(100% - 30px);

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pruffme_cabinet-v2_calendar_popup_activity_card-date {
    position: relative;
    display: flex;
    align-items: center;
}

.pruffme_cabinet-v2_calendar_popup_activity_card-description,
.pruffme_cabinet-v2_calendar_popup_activity_card-date-info {
    color: var(--pruffme-text-primary);
    font-weight: 500;
}

.pruffme_cabinet-v2_calendar_popup_activity_card-date-duration {
    display: flex;
    align-items: center;
    gap: 8px;

    margin-left: 18px;
    color: var(--pruffme-text-secondary);
}

.pruffme_cabinet-v2_calendar_popup_activity_card-description {
    margin-top: 8px;
}

.pruffme_cabinet-v2_calendar_popup_activity_card-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-top: 16px;
}

.pruffme_cabinet-v2_calendar_popup_activity_card-bottom-actions,
.pruffme_cabinet-v2_calendar_popup_activity_card-bottom-tags {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pruffme_cabinet-v2_calendar_popup_content-actions {
    flex-shrink: 0;

    height: 88px;
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 0 20px;
}

.pruffme_cabinet-v2_calendar_popup_activity_empty {
    flex: 1;

    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;

    text-align: center;

    color: var(--pruffme-text-secondary);
    font-size: 18px;
    font-weight: 500;

    height: 100%;
}

.pruffme_cabinet-v2_calendar_popup_activity_card_opened-icon,
.pruffme_cabinet-v2_calendar_popup_activity_card_closed-icon {
    position: absolute;
    right: 10px;
    top: 8px;

    cursor: pointer;
}

.pruffme_cabinet-v2_calendar_icon_arrow-down {
    background-image: url(../../assets/css/images/cabinet/calendar/icon_chevron_down.svg);
}

.pruffme_cabinet-v2_calendar_popup_addactivity-box-inner {
    flex: 1;

    display: flex;
    flex-direction: column;

    padding: 20px;
    padding-top: 0;
    gap: 24px;
}

.pruffme_cabinet-v2_calendar_popup_content-additional-box {
    display: flex;
    gap: 24px;
}

.pruffme_cabinet-v2_calendar_popup_content-additional-duration,
.pruffme_cabinet-v2_calendar_popup_content-additional-time {
    flex: 1 1 20%;
}

.pruffme_cabinet-v2_calendar_popup_content-additional-utc {
    flex: 2 0 60%;
}

.pruffme_cabinet-v2_calendar_popup_addactivity-actions-box-inner {
    padding: 20px;
    
    display: flex;
    gap: 8px;
}

.pruffme_cabinet-v2_calendar_skeleton-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    border-radius: 5px;

    background: rgb(192, 190, 190);
    background-image: linear-gradient(115deg, #FBFBFC 20%, rgba(216, 216, 216, 1) 30%, rgba(216, 216, 216, 1) 35%, #FBFBFC 40%);
    background-position: 0% 0;
    background-size: 300% 200%;
    color: rgba(0, 0, 0, 0);
    animation: calendar_skeleton 2s infinite;
}

@keyframes calendar_skeleton {
    0% {
        background-position: 100% 0;
    }

    80%,
    100% {
        background-position: -50% 0;
    }
}

.pruffme_cabinet-v2_calendar_dot_wrapper {
    height: 100%;
    width: 100%;
    display: flex;

    align-items: center;
    justify-content: center;
}

.pruffme_cabinet-v2_calendar_dot_webinar {
    width: 8px;
    height: 8px;

    border-radius: 4px;
    background-color: #3785FC;
}

.pruffme_cabinet-v2_calendar_dot_conference {
    width: 8px;
    height: 8px;

    border-radius: 4px;
    background-color: #8BE31B;
}

.pruffme_cabinet-v2_calendar_dot_autowebinar {
    width: 8px;
    height: 8px;

    border-radius: 4px;
    background-color: #971CE2;
}

.pruffme_cabinet-v2_calendar_icon_arrow-up {
    background-image: url(../../assets/css/images/cabinet/calendar/icon_chevron_down.svg);
    transform: rotate(180deg);
}

.pruffme_cabinet-v2_calendar_icon_clock {
    background-image: url(../../assets/css/images/cabinet/calendar/icon_clock.svg);
}

.pruffme_cabinet-v2_calendar_icon_plus {
    background-image: url(../../assets/css/images/cabinet/calendar/icon_plus.svg);
}

.pruffme_cabinet-v2_calendar_icon_edit {
    background-image: url(../../assets/css/images/cabinet/calendar/icon_edit.svg);
}

.pruffme_cabinet-v2_calendar_icon_open {
    background-image: url(../../assets/css/images/cabinet/calendar/icon_open.svg);
}

.pruffme_cabinet-v2_calendar_icon_link {
    background-image: url(../../assets/css/images/cabinet/calendar/icon_link.svg);
}

.pruffme_cabinet-v2_calendar_icon_drop {
    background-image: url(../../assets/css/images/cabinet/calendar/icon_delete.svg);
}

.pruffme_cabinet-v2_calendar_table_header_cell-short {
    display: none;
}

@media all and (max-width: 900px) {
    .pruffme_cabinet-v2_calendar_table_header_cell-long {
        display: none;
    }

    .pruffme_cabinet-v2_calendar_table_header_cell-short {
        display: block;
    }

    .cabinet-v2_calendar_container_top {
        flex-direction: column;
        align-items: baseline;
        gap: 16px;
        margin-bottom: 16px;
    }

    .cabinet-v2_calendar_container_top_filters_box {
        overflow: auto;
        max-width: 100%; 
    }

    .cabinet-v2_calendar_container_top_filters_box {
        -ms-overflow-style: none;  /* Internet Explorer 10+ */
        scrollbar-width: none;  /* Firefox */
    }
    .cabinet-v2_calendar_container_top_filters_box::-webkit-scrollbar { 
        display: none;  /* Safari and Chrome */
    }

    .pruffme_cabinet-v2_calendar_popup_content-box {
        width: 80vw;
    }
}

@media all and (max-width: 500px) {
    .cabinet-v2_calendar_container_inner {
        padding: 0 6px;
    }

    .pruffme_cabinet-v2_calendar_table_cell-activities_inner {
        padding: 2px;
        padding-left: 4px;
    }

    .pruffme_cabinet-v2_calendar_table_cell-activity-text {
        padding: 0;
        line-height: 12px;
        padding-left: 4px;
    }

    .pruffme_cabinet-v2_calendar_table_cell-activity {
        align-items: center;
        background-color: transparent;
    }

    .pruffme_cabinet-v2_calendar_table_cell-activity-type {
        height: 6px;
        width: 6px;
        border-radius: 50%;
    }

    .pruffme_cabinet-v2_calendar_popup_activity_card-bottom {
        align-items: end;
    }

    .pruffme_cabinet-v2_calendar_popup_activity_card-bottom-tags {
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .pruffme_cabinet-v2_calendar_popup_content-additional-box {
        flex-wrap: wrap;
    }

    .pruffme_cabinet-v2_calendar_popup_addactivity-box-inner {
        padding-bottom: 0;
    }

    .pruffme_cabinet-v2_calendar_popup_addactivity-actions-box-inner #addactivity-cancel {
        display: none;
    }

    .cabinet-v2_calendar_container_top_switcher_box {
        margin-top: 24px;
    }
}

/* end of calendar page styles */

/* NOTIFICATIONS */
.cabinet-add-header-notifications-inner {
    width: 400px;
    overflow: hidden;
    position: relative;
    margin-right: 4px;

    --notifications-dropdown-height: 60vh;
    --notifications-label-height: 62px;
    --max-notifications-content-size: calc(var(--notifications-dropdown-height) - var(--notifications-label-height) - 20px);
}

.cabinet-add-header-notifications-content {
    min-height: 240px;
    max-height: var(--max-notifications-content-size);

    overflow: auto;
    overflow: overlay;

    transition: max-height 0.2s ease-out, min-height 0.2s ease-out;
}

.cabinet-add-header-notifications-header {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: var(--pruffme-text-primary);

    height: var(--notifications-label-height);
    display: flex;
    align-items: center;

    padding: 0 20px;
}

.pruffme_notification_card {
    position: relative;
    margin-left: 20px;
    margin-right: 20px;
    border-bottom: 2px solid #F7F7F9;
    color: var(--pruffme-text-primary);
}

.pruffme_notification_card:last-child {
    border-bottom: none;
}

.pruffme_notification_card_inner {
    padding: 8px 0;
    display: flex;
    gap: 8px;
}

.pruffme_notification_card_left {
    width: 40px;
    flex-shrink: 0;
}

.pruffme_notification_card_right {
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex: 1;
}

.pruffme_notification_card_metadata {
    display: flex;
    gap: 10px;
    align-items: center;
    
}

.pruffme_notification_card_template_logo {
    background-position: center;

    width: 40px;
    height: 40px;
    border-radius: 20px;

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.pruffme_notification_card_creationdate {
    color: var(--pruffme-text-secondary);
}

.cabinet-add-header-notifications-empty-placeholder {
    position: absolute;
    top: var(--notifications-label-height);
    bottom: 5px;
    right: 0;
    left: 0;

    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.cabinet-add-header-notifications-empty-logo {
    width: 170px;
    height: 190px;
    background-image: url(../../assets/css/images/chat/icon_dialog_empty.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.cabinet-add-header-notifications-empty-label {
    color: var(--pruffme-text-primary);
    margin-top: 15px;
    font-weight: 500;
}

.cabinet-add-header-notifications-empty-sublabel {
    display: none;
    color: var(--pruffme-text-secondary);
    padding: 0 40px;
    margin-top: 4px;
    text-align: center;
}

.cabinet-add-header-notifications-button-wrapper {
    position: relative;
}

.cabinet-add-header-notifications-button-wrapper > .pruffme_button {
    background-color: rgba(255,255,255,0);
}

.cabinet-add-header-notifications-button-wrapper > .pruffme_button:hover  {
    background-color: rgba(255,255,255,0.1) !important;
}

.cabinet-add-header-notifications-button-wrapper > .pruffme_button:active  {
    background-color: rgba(255,255,255,0.3);
}

.cabinet-add-header-notifications-mark {
    position: absolute;
    top: 7px;
    right: 8px;

    opacity: 0;

    background-color: #1FC762;
    width: 6px;
    height: 6px;
    border-radius: 3px;

    transition: opacity 0.2s ease-out;
}

.cabinet-add-header-notifications-mark.visible {
    opacity: 1;
}

.cabinet-add-header-notifications-content.empty ~ .cabinet-add-header-notifications-empty-placeholder {
    display: flex;
}

.cabinet-add-header-notifications-content.pending .cabinet-add-header-notifications-empty-placeholder {
    display: none;
}

/* Folder upload popup */
.pruffme_modal_folder_upload_bottom_box,
.pruffme_modal_folder_upload_top_box,
.pruffme_modal_folder_upload {
    padding: 0 20px;
    padding-right: 14px;
    margin-right: 6px;
    width: 520px;
    position: relative;
}

.pruffme_modal_folder_upload_bottom_box,
.pruffme_modal_folder_upload_top_box {
    flex-shrink: 0;
}

.pruffme_modal_folder_upload_bottom_box {
    padding-bottom: 20px;
}

.pruffme_modal_folder_upload {
    margin-bottom: 20px;
}

.pruffme_modal_folder_upload_dropzone {
    width: 100%;
    height: 200px;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

    border-radius: 5px;
    border: 2px dashed #DDE1E5;
}

.pruffme_modal_folder_upload_dropzone:hover {
    border-color: #C8C8C8;
}

.pruffme_modal_folder_upload_dropzone_upload {
    margin-top: 16px;
}

.pruffme_modal_folder_upload_dropzone_upload_button {
    position: absolute; 
    left: -99999rem;
}

.pruffme_modal_folder_upload_dropzone_extensions:not(:empty) {
    margin-top: 4px;
    color: var(--pruffme-text-secondary);
    text-transform: uppercase;
}

.folder_media_upload_item_error_logo {
    position: relative;
    width: 32px;
    height: 32px;
    background-image: url(../../assets/css/images/templates/icon_error.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.pruffme_modal_folder_uploaded_box {
    display: flex;
    align-items: center;
    color: var(--pruffme-text-secondary);
    margin-left: 8px;
}

.pruffme_modal_folder_upload_tip {
    display: flex;
    align-items: center;
    gap: 12px;

    background: rgba(33, 111, 230, 0.05);
    border-radius: 10px;
    padding: 16px;
    color: #216FE6;

    margin-bottom: 20px;
}

/* .folder_media_upload_item {
    width: 480px;
} */

.folder_media_upload_item_fault {
    color: #ED0A34;
}

.folder_media_upload_item_inner {
    position: relative;

    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    overflow: hidden;

    border-radius: 5px;
    padding-right: 32px;
}

.folder_media_upload_item_filesize {
    display: flex;
    align-items: center;

    color: var(--pruffme-text-secondary);
    flex-shrink: 0;
}

.folder_media_upload_item_name {
    color: var(--pruffme-text-primary);
    flex: 1;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.folder_media_upload_item_logo {
    position: relative;
    width: 32px;
    height: 32px;
    border-radius: 5px;
    flex-shrink: 0;
}

.pruffme_modal_folder_upload_content_label {
    color: var(--pruffme-text-primary);

    margin-top: 20px;
    margin-bottom: 8px;

    display: flex;
    align-items: center;
}

.pruffme_modal_folder_upload_content {
    display: flex;
    flex-direction: column;
    gap: 12px;

    overflow: hidden;
}

.pruffme_modal_folder_upload_actions {
    display: flex;
}

.folder_media_upload_item_drop_box {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;

    display: flex;
    align-items: center;
    justify-content: center;
}

.pruffme_modal_recordlink_header {
    height: auto;
    
}

.cabinet-v2-webinar-recordlink-content,
.pruffme_modal_recordlink_header {
    width: 520px;
    max-width: 95vw;
}

.pruffme_modal_header_recordlink {
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    margin-bottom: 4px;
}

.pruffme_modal_recordlink_description {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color: var(--pruffme-text-secondary);
}

.cabinet-v2-webinar-recordlink-content {
    padding: 0 20px 20px 20px;
    position: relative;
}

.cabinet-v2-webinar-recordlink-info {
    border-radius: 8px;
    background: #FFF;
    /* Elevation 4px */
    box-shadow: 0px 1px 4px 0px #0C2A5614, 0px 1px 4px 0px #0C2A560F;

    padding: 16px;
}

.cabinet-v2-webinar-recordlink-info-wrapper {
    display: flex;
    gap: 12px;
    overflow: hidden;
}

.cabinet-v2-webinar-recordlink-content-info-logo {
    width: 74px;
    height: 74px;
    border-radius: 8px;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    flex-shrink: 0;
}

.cabinet-v2-webinar-recordlink-content-info-additional {
    flex: 1;
    overflow: hidden;

    display: flex;
    flex-direction: column;
}

.cabinet-v2-webinar-recordlink-content-info-right {
    max-width: 100%;
    width: 100%;
    overflow: hidden;
}

.cabinet-v2-webinar-recordlink-content-info-name-wrapper {
    display: flex;
    overflow: hidden;
}

.cabinet-v2-webinar-recordlink-content-info-name-editable,
.cabinet-v2-webinar-recordlink-content-info-name {
    display: flex;
    overflow: hidden;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.cabinet-v2-webinar-recordlink-content-info-name-editable {
    display: none;
}

.cabinet-v2-webinar-recordlink-content-info-name > span {
    font-weight: 500;
    font-size: 15px;
    color: var(--pruffme-text-primary);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 1;
}

.cabinet-v2-webinar-recordlink-content-info-name-wrapper.editable > .cabinet-v2-webinar-recordlink-content-info-name {
    display: none;
}

.cabinet-v2-webinar-recordlink-content-info-name-wrapper.editable > .cabinet-v2-webinar-recordlink-content-info-name-editable {
    display: flex;
}

.cabinet-v2-webinar-recordlink-content-info-additional {
    margin-top: 8px;
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.cabinet-v2-webinar-recordlink-content-info-published {
    overflow: hidden;
    color: #1FC762;
    text-overflow: ellipsis;

    /* Text Regular */
    font-family: Rubik;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 153.846% */
    display: none;
}

.cabinet-v2-webinar-recordlink-content-info-additional-left,
.cabinet-v2-webinar-recordlink-content-info-additional-right {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cabinet-v2-webinar-recordlink-bottom {
    margin-top: 16px;
    display: flex;
    gap: 8px;
}

.cabinet-v2-webinar-recordlink-mailing-content {
    margin-top: 20px;
}

.cabinet-v2-webinar-recordlink-mailing-content-header {
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 4px;
}

.cabinet-v2-webinar-recordlink-mailing-content-description {
    position: relative;
    color: var(--pruffme-text-secondary);
}

.cabinet-v2-webinar-recordlink-mailing-content-alert {
    color: #ED0A34;
}

.cabinet-v2-webinar-recordlink-mailing-variants {
    margin-top: 8px;
}

.cabinet-v2-webinar-recordlink-mailing-variant {
    position: relative;
    margin-top: 8px;
    padding-bottom: 8px;
}

.cabinet-v2-webinar-recordlink-mailing-variant-description,
.cabinet-v2-webinar-recordlink-mailing-variant-label-wrapper > span {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
}

.cabinet-v2-webinar-recordlink-mailing-variant-label-wrapper {
    display: flex;
    gap: 4px;
}

.cabinet-v2-webinar-recordlink-mailing-variant-description {
    color: var(--pruffme-text-secondary);
}

.cabinet-v2-webinar-recordlink-mailing-variant-radio {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.cabinet-v2-webinar-recordlink-mailing-variant:not(:last-child) {
    border-bottom: 1px solid #DDE1E5;
}

.cabinet-v2-webinar-recordlink-mailing-actions {
    display: flex;
    justify-content: flex-end;

    margin-top: 20px;
}

.cabinet-v2-webinar-recordlink-mailing-already_sent {
    display: none;
    padding: 12px;

    background-color: #F1F3F5;
    border-radius: 9px;

    align-items: center;
    gap: 8px;
}

.mails-already-sent .cabinet-v2-webinar-recordlink-mailing-already_sent {
    display: flex;
    margin-top: 20px;
}

.cabinet-v2-webinar-recordlink-mailing-already_sent-logo {
    width: 36px;
    height: 36px;
    border-radius: 4px;

    display: flex;
    align-items: center;
    justify-content: center;

    background-color: #FFFFFF;
    flex-shrink: 0;
}

.cabinet-v2-webinar-recordlink-mailing-already_sent-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.cabinet-v2-webinar-recordlink-mailing-already_sent-label {
    font-weight: 500;
}

/* КОСТЫЛИ ДЛЯ АДМИНКИ */

.admin-cabinet .content_container {
    overflow: auto;
    overflow: overlay;
}

/* КОСТЫЛИ ДЛЯ СТАРЫХ РАЗДЕЛОВ */
[data-location="im"] .cabinet-v2-container-right {
    background-color: #FFFFFF;
}

[data-location="im"] .cabinet-v2_news_container,
[data-location="im"] .cabinet-v2_payment_container {
    display: none !important;
}

[data-location="lists"] .cabinet-v2-container-right{
    padding-top:20px;
    padding-right: 30px;
    padding-left: 30px;
}

[data-location="lists"] .cicr_menu_box,
[data-location="lists"] .cabinet_items_container_left{
    border-radius: 5px;
    border-color: #EBEBEB;
}

[data-location="lists"] .cabinet-v2-container-left{
    position: sticky;
    top: var(--cabinet-add-header-height);
    height: calc(100vh - var(--cabinet-add-header-height));
    box-shadow: none;
}

[data-location="lists"] .cabinet-v2-container-main-inner{
    height: auto;
    overflow: inherit;
}

[data-location="lists"] .cabinet-container{
    position: sticky;
    top: 0;
    z-index: 100;
}

/* [data-location="im"] .content_container {
    overflow: overlay;
} */

[data-location="lists"] .cabinet-v2-payment-container-content,
[data-location="lists"] .cabinet-v2-news-container-content {
    padding-right: 0;
    margin-bottom: 10px;
}

.cabinet-v2-close-icon-upload-picture {
    background-image: url(images/cabinet/icons/icon_picture_upload.svg);
}
.cabinet-v2-info-icon {
    background-image: url(images/cabinet/icons/icon_info.png);
}

.cabinet-v2-link-outline-icon {
    background-image: url(images/cabinet/icons/icon_link_outline.svg);
}

.cabinet-v2-link-icon {
    background-image: url(images/cabinet/icons/icon_link.svg);
}

.cabinet-v2-link-pin-icon {
    background-image: url(images/cabinet/icons/icon_pin.svg);
}

.cabinet-v2-ok-black {
    background-image: url(images/cabinet/icons/icon_ok_black.svg);
}

.cabinet-v2-info-blue-icon {
    background-image: url(images/cabinet/icons/icon_info_blue.svg);
}

.cabinet-v2-close-icon {
    background-image: url(images/cabinet/popup/icon_close.svg);
}

.cabinet-v2_icon_edit {
    background-image: url(images/cabinet/icons/icon_edit.svg);
}

.cabinet-v2_icon_edit_style {
    background-image: url(images/cabinet/icons/icon_edit.svg);
}

.cabinet-v2_icon_faq {
    background-image: url(images/cabinet/icons/icon_faq.svg);
}

.cabinet-v2_icon_stat {
    background-image: url(images/cabinet/icons/Icon_stat.svg);
}

.cabinet-v2_icon_remove {
    background-image: url(images/cabinet/icons/Icon_delete.svg);
}

.cabinet-v2_icon_autowebinar {
    background-image: url(images/cabinet/icons/icon_autowebinar.svg);
}

.cabinet-v2_icon_crop {
    background-image: url(images/cabinet/icons/icon_crop.svg);
}

.cabinet-v2_icon_select {
    background-image: url(images/cabinet/icons/Icon_arrow.svg);
}

.cabinet-v2_icon_link_on {
    background-image: url(images/cabinet/icons/Icon_link_on.svg);
}

.cabinet-v2_icon_download {
    background-image: url(images/cabinet/icons/Icon_download.svg);
}

.cabinet-v2_icon_reconvert {
    background-image: url(images/cabinet/icons/Icon_sync.svg);
}

.cabinet-v2_icon_recordlink {
    background-image: url(images/cabinet/icons/icon_recordlink.svg);
    background-size: 70%;
}

.cabinet-v2_icon_mail {
    background-image: url(images/cabinet/icons/icon_mail.svg);
}

.cabinet-v2_icon_code {
    background-image: url(images/cabinet/icons/Icon_code.svg);
}

.cabinet-v2_icon_copy {
    background-image: url(images/cabinet/icons/Icon_copy.svg);
}

.cabinet-v2_icon_unlink {
    background-image: url(images/cabinet/icons/Icon_link_off.svg);
}

.cabinet-v2_icon_notification {
    background-image: url(images/notification/icon_notification.svg);
}

.cabinet-v2_icon_notification-active {
    background-image: url(images/notification/icon_notification_filled.svg);
}

.cabinet-v2_icon_notification_ring {
    background-image: url(images/notification/icon_logo_ring.svg);
}

.cabinet-v2_icon_notification_success {
    background-image: url(images/notification/icon_logo_mark_success.svg);
}

.cabinet-v2_icon_header_filter {
    background-image: url(images/cabinet/icons/icon_header_filter.svg);
}

.cabinet-v2_icon_header_search {
    background-image: url(images/cabinet/icons/icon_header_search.svg);
}

.cabinet-v2_icon_header_plus {
    background-image: url(images/cabinet/icons/icon_header_plus.svg);
}

.cabinet-v2_icon_header_drop {
    background-image: url(images/cabinet/icons/icon_header_drop.svg);
}

.cabinet-v2_icon_header_drop_disabled {
    background-image: url(images/cabinet/icons/icon_header_drop_disabled.svg);
}

.cabinet-v2_icon_header_share {
    background-image: url(images/cabinet/icons/icon_share.svg);
}

.cabinet-v2_icon_header_link {
    background-image: url(images/cabinet/icons/icon_header_link.svg);
}

.cabinet-v2_icon_header_link_disabled {
    background-image: url(images/cabinet/icons/icon_header_link_disabled.svg);
}

.cabinet-v2_icon_header_unlink {
    background-image: url(images/cabinet/icons/icon_header_unlink.svg);
}

.cabinet-v2_icon_header_unlink_disabled {
    background-image: url(images/cabinet/icons/icon_header_unlink_disabled.svg);
}

.cabinet-v2_icon_header_stat {
    background-image: url(images/cabinet/icons/icon_header_stat.svg);
}

.cabinet-v2_icon_header_rename {
    background-image: url(images/cabinet/icons/icon_header_rename.svg);
}

.cabinet-v2_icon_header_rename_disabled {
    background-image: url(images/cabinet/icons/icon_header_rename_disabled.svg);
}

.cabinet-v2_icon_header_download {
    background-image: url(images/cabinet/icons/icon_header_download.svg);
}

.cabinet-v2_icon_header_download_disabled {
    background-image: url(images/cabinet/icons/icon_header_download_disabled.svg);
}

.cabinet-v2_icon_header_delimeter {
    background-image: url(images/cabinet/icons/icon_header_delimeter.svg);
}

.cabinet-v2_icon_header_drop_red {
    background-image: url(images/cabinet/icons/icon_header_drop_red.svg);
}

.cabinet-v2_icon_header_edit {
    background-image: url(images/cabinet/icons/icon_header_edit.svg);
}

.cabinet-v2_icon_header_menu {
    background-image: url(images/cabinet/icons/icon_header_menu.svg);
}

.cabinet-v2_icon_header_menu_disabled {
    background-image: url(images/cabinet/icons/icon_header_menu_disabled.svg);
}

.cabinet-v2_icon_header_videoeditor {
    background-image: url(images/cabinet/icons/icon_header_videoeditor.svg);
}

.cabinet-v2_icon_header_cross {
    background-image: url(images/cabinet/icons/icon_header_cross_primary.svg);    
}

.cabinet-v2_icon_header_info {
    background-image: url(images/cabinet/icons/icon_header_info.svg);    
}

.cabinet-v2_icon_header_info_disabled {
    background-image: url(images/cabinet/icons/icon_header_info_disabled.svg);    
}

.cabinet-v2_icon_header_folder {
    background-image: url(images/cabinet/icons/icon_header_folder.svg);    
}

.cabinet-v2_icon_header_folder_disabled {
    background-image: url(images/cabinet/icons/icon_header_folder_disabled.svg);    
}

.cabinet-v2_icon_add_liked {
    background-image: url(images/cabinet/icons/Icon_add_favourite.svg);
}

.cabinet-v2_icon_remove_liked {
    background-image: url(images/cabinet/icons/Icon_remove_favourite.svg);    
}

.cabinet-v2_icon_recordlink_info {
    background-image: url(images/cabinet/icons/icon_recordlink_info.svg);    
}

.cabinet-v2_icon_record_transcoding {
    background-image: url(images/cabinet/icons/icon_record_transcoding.svg);    
}

.menu_catalog .cabinet-v2-container-left-menu-item-logo
{
    background-image: url(images/cabinet/menu/icon_general_directory.svg);
}


.menu_messages .cabinet-v2-container-left-menu-item-logo
{
    background-image: url(images/cabinet/menu/icon_messages.svg);
}

.menu_users .cabinet-v2-container-left-menu-item-logo
{
    background-image: url(images/cabinet/menu/icon_users.svg);
}

.menu_notifications .cabinet-v2-container-left-menu-item-logo
{
    background-image: url(images/cabinet/menu/icon_notifications.svg);    
}

.menu_webinars .cabinet-v2-container-left-menu-item-logo
{
    background-image: url(images/cabinet/menu/icon_webinars.svg);    
}
.menu_meet .cabinet-v2-container-left-menu-item-logo
{
    background-image: url(images/cabinet/menu/icon_conference.svg);    
}
.menu_dashboards .cabinet-v2-container-left-menu-item-logo
{
    background-image: url(images/cabinet/menu/icon_artboard.svg);    
}
.menu_tests_course .cabinet-v2-container-left-menu-item-logo
{
    background-image: url(images/cabinet/menu/icon_course.svg);
}
.menu_tests_test .cabinet-v2-container-left-menu-item-logo
{
    background-image: url(images/cabinet/menu/icon_course.svg);
}
.menu_tests_quiz .cabinet-v2-container-left-menu-item-logo
{
    background-image: url(images/cabinet/menu/icon_polls.svg);
}
.menu_media .cabinet-v2-container-left-menu-item-logo
{
    background-image: url(images/cabinet/menu/icon_materials.svg);
}
.menu_profile .cabinet-v2-container-left-menu-item-logo
{
    background-image: url(images/cabinet/menu/icon_properties.svg);    
}
.menu_lists .cabinet-v2-container-left-menu-item-logo
{
    background-image: url(images/cabinet/menu/icon_list_of_participants.svg);
}
.menu_payments .cabinet-v2-container-left-menu-item-logo
{
    background-image: url(images/cabinet/menu/icon_balance.svg);
}
.menu_external_payments .cabinet-v2-container-left-menu-item-logo
{
    background-image: url(images/cabinet/menu/icon_acceptance_of_payments.svg);    
}
.menu_team .cabinet-v2-container-left-menu-item-logo
{
    background-image: url(images/cabinet/menu/my_team.svg);    
}
.menu_mypage .cabinet-v2-container-left-menu-item-logo
{
    background-image: url(images/cabinet/menu/icon_profile.svg);
}
.menu_prices .cabinet-v2-container-left-menu-item-logo
{
    background-image: url(images/cabinet/menu/icon_tariff.svg);
}
.menu_support .cabinet-v2-container-left-menu-item-logo
{
    background-image: url(images/cabinet/menu/icon_support.svg);
}
.menu_contacts .cabinet-v2-container-left-menu-item-logo
{
    background-image: url(images/cabinet/menu/icon_contacts.svg);
}
.menu_news .cabinet-v2-container-left-menu-item-logo
{
    background-image: url(images/cabinet/menu/icon_news.svg);
}
.menu_exit .cabinet-v2-container-left-menu-item-logo
{
    background-image: url(images/cabinet/menu/icon_exit.svg);
}
.menu_calendar .cabinet-v2-container-left-menu-item-logo
{
    background-image: url(images/cabinet/menu/icon_calendar.svg);
}

.cabinet-v2_items_container_inner.statistics
{
    background-color: #f7f7f9;
}

/* понять будет ли такой --adp-cell-background-color-in-range как стандартный, если да то попросить Женю обновить его в стилях компонент? */
.process-statistics-date-input-calendar .air-datepicker-cell.-in-range-
{
    background: #216FE61A;
    border-radius: 0;
    /*--adp-cell-background-color-in-range: #216FE61A;*/
}

/* тот же вопрос --adp-btn-color */
.process-statistics-date-input-calendar .air-datepicker-button
{
    color: #216FE6
}

.process-statistics-date-input-calendar .pruffme_calendar .air-datepicker-cell
{
    margin: 0;
}

.process-statistics-date-input-calendar .air-datepicker.-inline-
{
    width: 300px;
}

.process-main-container
{
    display: flex;
    flex-direction: column;
}

.process-statistics-header-block
{
    display: flex;
    flex-direction: row;
    padding-top: 18px;
    padding-bottom: 18px;
    background-color: white;
    align-items: center;
    width: 100%;
    justify-content: center;
    border-bottom: 1px solid #F1F3F5
}

.process-statistics-header-block-inner
{
    display: flex;
    flex-direction: row;
    width: 100%;
    max-width: var(--cabinet-process-default-width);
    align-items: center;
    gap: 16px;
}

.process-statistics-header-label-block
{
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: calc(100% - 730px);
}

.process-statistics-header-back-button
{
    padding-left: 21px;
    background-image: url(images/cabinet/statistics/icon_back.svg);
    background-repeat: no-repeat;
    background-position: left;

    width: fit-content;

    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #686A6D;

    cursor: pointer;
}

.process-statistics-header-webinar-name-label
{
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: #2C2D2E;

    text-overflow: ellipsis;
    text-wrap: nowrap;
    overflow: hidden;
}

.process-statistics-datetime-block
{
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;

    margin-left: auto;
    /*margin-right: 16px;*/
}

.process-statistics-datetime-block input::-webkit-outer-spin-button,
.process-statistics-datetime-block input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.process-statistics-datetime-block input[type='time']::-webkit-calendar-picker-indicator,
.process-statistics-datetime-block input[type='date']::-webkit-calendar-picker-indicator
{
    background: none;
    display: none;
}

.process-statistics-datetime-block input[type="time"]::-webkit-inner-spin-button,
.process-statistics-datetime-block input[type="date"]::-webkit-inner-spin-button
{
    -webkit-appearance: none;
}

.process-statistics-datetime-block input[type="time"]::-webkit-clear-button,
.process-statistics-datetime-block input[type="date"]::-webkit-clear-button
{
    -webkit-appearance: none;
}

.process-statistics-datetime-block input[type="time"],
.process-statistics-datetime-block input[type="date"]
{
    text-align: center;
    color: var(--pruffme-text-primary);
    line-height: 20px;
    font-size: 13px;
    background-color: white;
}

.process-statistics-datetime-block input[type="date"]::-webkit-calendar-picker-indicator{
    display: none;
}

.process-statistics-datetime-block input[type="date"]::-webkit-input-placeholder{ 
    visibility: hidden !important;
}

/* Firefox */
.process-statistics-datetime-block input[type=number]
{
  -moz-appearance: textfield;
  appearance: textfield;
}

.process-statistics-datetime-block > .process-statistics-date-selector
{

}

.process-statistics-datetime-block > .process-statistics-time-selector
{
    /*
    padding: 0 12px;
    height: 40px;
    border-radius: 8px;
    gap: 10px;
    border: 1px solid #DDE1E5;
    display: flex;
    flex-direction: row;
    align-items: center;
    */
}

.process-statistics-time-selector-label
{
    display: none;
}

.process-statistics-date-selector > .mobile-selector
{
    display: none;
}

.process-statistics-date-selector > .desktop-selector
{

}

.process-statistics-date-selector > .desktop-selector > .process-statistics-time-selector-element-outer
{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;

    padding: 0 12px;
    height: 40px;
    border-radius: 8px;

    border: 1px solid #DDE1E5;
}

.process-statistics-time-selector-element-outer > .process-statistics-date-icon
{
    margin-left: 4px;
}

.process-statistics-date-selector > .mobile-selector > .process-statistics-time-selector-element-outer
{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;

    padding: 0 12px;
    height: 40px;
    border-radius: 8px;

    border: 1px solid #DDE1E5;
}

.process-statistics-date-selector > .process-statistics-time-selector-element-outer
{
    display: flex;
    flex-direction: row;
}

.process-statistics-time-selector-element-outer > .action-set-period
{
    margin-left: 6px;
}

.process-statistics-date-selector input
{
    /*width: 80px;*/
    border: 0;
    text-align: center;
}

.process-statistics-time-selector > .mobile-selector
{
    display: none;
}

.process-statistics-time-selector > .desktop-selector
{
    display: flex;
    flex-direction: row;
    gap: 16px;
}

.process-statistics-time-selector > .desktop-selector > .process-statistics-time-selector-element-outer
{
    /*padding: 0 12px;*/
    padding: 4px 4px 4px 12px;
    height: 40px;
    border-radius: 8px;
    gap: 6px;
    border: 1px solid #DDE1E5;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.blue > .desktop-selector > .process-statistics-time-selector-element-outer
{
    border: 1px solid var(--pruffme-blue-100);
}

.blue > .mobile-selector > .process-statistics-time-selector-element-outer
{
    border: 1px solid var(--pruffme-blue-100);
}

.process-statistics-time-selector.blue > .mobile-selector input
{
    border: 1px solid var(--pruffme-blue-100);
}

.process-statistics-time-selector input
{
    /*width: 40px;*/
    border: 0;
    text-align: center;
}

.process-statistics-time-selector.disabled
{
    /*
    color: #CACDD3;
    border: 1px solid #F1F3F5
    */
}

.process-statistics-time-selector.disabled > .desktop-selector > .process-statistics-time-selector-element-outer
{
    color: #CACDD3;
    border: 1px solid #F1F3F5
}

.process-statistics-time-selector.disabled > .desktop-selector > .process-statistics-time-selector-element-outer > input
{
    color: #CACDD3;
}

.process-statistics-time-selector.disabled > .mobile-selector  .process-statistics-time-selector-element-outer > input
{
    color: #CACDD3;
    border: 1px solid #F1F3F5
}

.process-statistics-timepicker-block
{
    position: absolute;
    top: 55px;
    right: -5px;

    border-radius: 8px;
    overflow: hidden;

    box-shadow: 0px 1px 12px 0px #0C2A561F,
                0px 1px 12px 0px #0C2A560F;
    z-index: 1;

}

.process-statistics-timepicker-block-inner
{
    display: flex;
    /*gap: 20px;*/
    background-color: white;
    /*padding-left: 12px;*/
    padding-bottom: 10px;
}

.process-statistics-timepicker-block-inner > .timepicker-column-outer
{
    padding-left: 12px;
}

.process-statistics-timepicker-block-inner > .timepicker-column-outer > .timepicker-column-header
{
    text-align: center;
    padding: 8px 1px 8px 1px;
    border-bottom: 1px solid #F1F3F5
}

.process-statistics-timepicker-block-inner > .timepicker-column-outer > .timepicker-column
{
    width: 70px;
    height: 320px;
    gap: 8px;
    overflow: hidden;
    overflow-y: scroll;
    overflow-x: hidden;
}

.timepicker-column > .time-element
{
    border-radius: 4px;
    padding: 8px;
    margin-right: 8px;
}

.timepicker-column > .time-element:hover
{
    background: #F0F1F4;
}

.timepicker-column > .time-element.active
{
    color: #216FE6;
}

.process-statistics-datetime-input-calendar-block
{
    position: absolute;
    top: 50px;
    right: 0;
    /*background-color: white;*/
    z-index: 1;
    /*
    background: #FBFBFC;
    */
    border-radius: 10px;
    overflow: hidden;
    /*
    padding: 0 12px 12px 12px;
    */
    min-height: 410px;/*380px;*/
    background: #FBFBFC;

    box-shadow: 0px 1px 12px 0px #0C2A561F,
                0px 1px 12px 0px #0C2A560F;
}

.process-statistics-datetime-input-calendar-block-inner
{
    display: flex;
    flex-direction: row;
    height: 100%;
}

.process-statistics-date-input-calendar-outer
{
    display: flex;
    flex-direction: column;
    gap: 16px;
    background-color: white;
    padding-left: 12px;
    padding-bottom: 12px;
    padding-right: 12px;
}

.process-statistics-date-input-calendar .air-datepicker.-inline-
{
    border-style: none;
}

.process-statistics-time-input-shedule-outer
{
    display: flex;
    flex-direction: column;
    padding: 0 4px 0 16px;
    gap: 14px;
    width: 140px;
    /*height: 100%;*/
    position: relative;
    max-height: 400px;

    background: #FBFBFC;
    border-left: 1px solid #F1F3F5
}

.process-statistics-time-input-shedule-container
{
    display: flex;
    flex-direction: column;
    gap: 28px;
    overflow-x: hidden;
    overflow-y: auto;
    color: #A8AAB3;
    padding-right: 12px;
}

.process-statistics-time-input-shedule-day-outer
{
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.process-statistics-time-input-shedule-label
{
    padding: 18px 0 26px 0;
    color: #000000;
}

.process-statistics-time-input-shedule-elements-container
{
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.process-statistics-time-input-shedule-day-label
{
    color: #A8AAB3;
}

.process-statistics-time-input-shedule-element-outer
{
    padding: 8px 12px 8px 12px;
    gap: 1px;
    border-radius: 5px;
    background: #F7F7F9;
}
.process-statistics-time-input-shedule-element-outer:hover
{
    background: #F0F1F4;
}
.process-statistics-time-input-shedule-element-outer.active
{
    background: #216FE61A;
}

.process-statistics-time-input-shedule-element-label
{
    color: #2C2D2E;
    text-align: center;
}
.process-statistics-time-input-shedule-element-outer.active > .process-statistics-time-input-shedule-element-label
{
    color: #216FE6;
}

.pruffme_button.action-download
{
    text-align: center;
}

.action-download > .pruffme_select_roll_icon
{
    /*background-image: url(../components/icons/icon_arrow_down_2.svg);*/
    background-image: url(images/cabinet/statistics/icon_down_white.svg);
    /*filter: invert();*/
}

.action-download[data-dropdown-open="true"] > .pruffme_select_roll_icon
{
    transform: rotate(180deg);
}

.process-statistics-header-block .process-statistics-download-icon
{
    background-size: contain;
    width: 24px;
    height: 16px;
}

.process-main-statistics-container-all
{
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 24px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 24px;
    align-items: center;
    padding-bottom: 52px;
}

.process-statistics-download-mobile-outer
{
    display: none;
    position: fixed;
    width: 100%;
    padding: 10px 16px 10px 16px;
    z-index: 1;
    bottom: 0;
}

.process-statistics-download-icon
{
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(images/cabinet/statistics/icon_download.svg);
}

.process-statistics-datetime-divider
{
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(images/cabinet/statistics/icon_arrow.svg);
}

.process-statistics-date-icon
{
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(images/cabinet/statistics/icon_date_selector.svg);
}

.process-statistics-time-icon
{
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(images/cabinet/statistics/icon_time_selector.svg);
}

.process-main-statistics-container
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    max-width: var(--cabinet-process-default-width);
    flex: none;
}

.process-statistics-participants
{
    display: flex;
    flex-direction: column;
    gap: 2px;
    border-radius: 12px;
    overflow: hidden;
}

.process-statistics-participants-block
{
    display: flex;
    flex: 1;
    align-items: center;
    width: 360px;
    background-color: #FFFFFF;
    padding-right: 20px;
}

.process-statistics-participants-block-inner
{
    height: 100%;
    flex: 1;
    padding-top: 20px;
    padding-left: 24px;
    gap: 28px;
    display: flex;
    flex-direction: column;
}

.process-statistics-participants-value
{
    font-size: 20px;
    line-height: 22px;
    color: #2C2D2E;
}

.process-statistics-participants-left-bar
{
    width: 4px;
    height: 56px;
    top: 87px;
    border-radius: 0px 10px 10px 0;
}
.process-statistics-participants-left-bar.v1
{
    background-color: #216fe6;
}
.process-statistics-participants-left-bar.v2
{
    background-color: #8852CD;
}
.process-statistics-participants-left-bar.v3
{
    background-color: #3e6aad
}

.process-statistics-participants-icon
{
    display: flex;
    width: 44px;
    height: 44px;
    padding: 12px;
    margin-bottom: 15px;
    border-radius: 8px;
    gap: 1px;
    background-repeat: no-repeat;
    background-position: center;
}
.process-statistics-participants-icon.v1
{
    background-color: #216FE61F;
    background-image: url(images/cabinet/statistics/icon_participants.svg);
}
.process-statistics-participants-icon.v2
{
    background-color: #8852CD1F;
    background-image: url(images/cabinet/statistics/icon_active_participants.svg);
}
.process-statistics-participants-icon.v3
{
    background-color: #3E6AAD1F;
    background-image: url(images/cabinet/statistics/icon_maximum_participants.svg);
}

.process-statistics-misc
{
    display: flex;
    flex-direction: row;
    gap: 24px;
}

.process-statistics-geography
{
    width: 440px;
    height: 360px;
    border-radius: 12px;
    background-color: white;
    padding: 28px;
}

.process-statistics-geography-header-block
{
    display: flex;
    flex-direction: row;
    position: relative;
}

.process-statistics-geography-label-block
{
    display: flex;
    flex-direction: row;
    gap: 4px;
}

.process-statistics-geography-info
{
    width: 20px;
    height: 20px;
    background-image: url(images/cabinet/statistics/icon_info.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.process-statistics-geography-switcher-block
{
    position: absolute;
    right: 0;
    display: flex;
    flex-direction: row;
    gap: 4px;
}

.process-statistics-geography-switcher-label
{
    padding: 4px 12px 4px 12px;
    border-radius: 4px;
    gap: 1px;
    color: #A8AAB3;
}
.process-statistics-geography-switcher-label.active
{
    background: #F7F7F9;
    color: #2C2D2E;
}

.process-statistics-geography-main-block
{
    display: flex;
    flex-direction: row;
    height: 100%;
    align-items: center;
    justify-content: space-between;
}

.process-statistics-geography-diagram-block-outer
{
    position: relative;
}

.process-statistics-geography-diagram-centered-block
{
    position: absolute;
    transform: translate(50%, -50%);
    top: 50%;
    right: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.process-statistics-geography-diagram-centered-block > .total-count
{
    color: #2C2D2E;
    font-size: 24px;
    /*line-height: 46px;*/
    text-align: center;
}
.process-statistics-geography-diagram-centered-block > .total-label
{
    color: #686A6D;
    font-family: Rubik;
    font-size: 13px;
    /*line-height: 28px;*/
    text-align: center;
}

.process-statistics-geography-diagram-block
{
    width: var(--cabinet-process-geography-diagram-size);
    height: var(--cabinet-process-geography-diagram-size);
}
.process-statistics-geography-diagram-block.statistics_block_graph
{
    margin-top: 0;
}

.process-statistics-geography-regions-block
{
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: calc(100% - var(--cabinet-process-geography-diagram-size) - 20px);
    margin-left: 20px;
}

.process-statistics-geography-element-block
{
    display: flex;
    flex-direction: row;
    /*width: 103px;*/
    /*height: 42px;*/
    width: 100%;
}

.process-statistics-geography-element-inner
{
    width: 100%;
    max-width: calc(100% - 27px);/* это область точки */
}

.process-geography-element-name
{
    color: #A8AAB3;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
}

.process-geography-element-value
{
    padding-bottom: 6px;
}

.process-statistics-geography-element-dot
{
    width: 12px;
    min-width: 12px;
    max-width: 12px;    
    height: 12px;
    min-height: 12px;
    max-height: 12px;
    border-radius: 6px;
    margin-right: 15px;
    margin-top: 5px;
}
.process-statistics-geography-element-block.v1 > .process-statistics-geography-element-dot
{
    background: #8852CD;
}
.process-statistics-geography-element-block.v2 > .process-statistics-geography-element-dot
{
    background: #216FE6;
}
.process-statistics-geography-element-block.v3 > .process-statistics-geography-element-dot
{
    background: #1C4D97;
}
.process-statistics-geography-element-block.v4 > .process-statistics-geography-element-dot
{
    background: #E4EDFF;
}
.process-statistics-geography-element-dot.active
{
    height: unset;
    max-height: unset;
}

.process-statistics-devices
{
    width: 400px;
    height: 360px;
    border-radius: 12px;
    background-color: white;
    padding: 28px;
}

.process-graph-participants-container
{
    width: var(--cabinet-process-default-width);
    max-width: 100%;
    /*height: 394px;*/
    border-radius: 12px;
    background-color: white;
    flex: none;
    padding-bottom: 10px;
}

.process-graph-participants-container-header
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 19px 28px 20px 28px;
    color: #2c2d2e;
    align-items: center;
}

.process-graph-participants-container > .statistics_block_line_container
{
    height: 38vh;
    margin: 0 28px 28px 28px;
}

.pruffme_dropdown_menu_option.graph_switcher
{
    position: relative;
    justify-content: space-between;
}

.pruffme_dropdown_menu_option.graph_switcher.inactive
{
    color: var(--pruffme-text-disabled);
}

.pruffme_dropdown_menu_option.graph_switcher > .activity_switcher_hint
{
    position: absolute;
    width: 100%;
    height: 100%;
    left: -20px;
    display: none;
}

.pruffme_dropdown_menu_option.graph_switcher.inactive > .activity_switcher_hint
{
    display: block;
}

.process-graph-participants-container-switcher-button
{
    display: flex;
    flex-direction: row;
    height: 40px;
    align-items: center;
    border-radius: 8px;
    padding: 12px 20px 12px 20px;
}

.process-graph-participants-container-switcher-button:hover
{
    background: #F0F1F4;
}

.process-graph-participants-container-switcher-block div[data-dropdown-open="true"] > .pruffme_select_roll_icon
{
    transform: rotate(180deg);
}

.process-graph-participants-container-switcher-block .pruffme_dropdown_box
{
    left: 0;
    right: 0;
}

.pruffme_dropdown_menu_option-outer
{
    margin: 0 6px;
    border-radius: 6px;
    overflow: hidden;
}

.process-list-participants-container
{
    width: var(--cabinet-process-default-width);
    border-radius: 12px;
    background-color: white;
    flex: none;
}

.process-list-participants-container-upper-block
{
    display: flex;
    flex-direction: row;
    padding: 20px;
    gap: 16px;
    padding-top: 14px;
}

.process-list-participants-container-upper-block > .pruffme_input_wrapper
{
    width: 100%;
    max-width: 294px;
    margin-left: auto;
}

.process-list-participants-container-upper-block-label
{
    display: flex;
    align-items: center;
}

.process-list-participants-overlimit-block
{
    width: 100%;
    height: 40px;
    background: #216FE60F;
    padding: 8px 0 8px 11px;
    border-radius: 10px;
}

.process-list-participants-overlimit-block-label
{
    display: flex;
    align-items: center;
    color: #216FE6;
    height: 100%;
    background-image: url(images/cabinet/statistics/icon_info_blue.svg);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 35px;
}

.process-list-participants-container-table-outer
{
    overflow-x: auto;
}

.process-list-participants-container-header
{
    display: inline-flex;
    flex-direction: row;
    align-items: center;

    /*padding: 11px 72px 11px 20px;*/
    padding: 11px 0px 11px 20px;
    margin-bottom: 26px;
    gap: 0px;
    background: #FBFBFC;
    height: 42px;
    width: 100%;
}

.process-list-participants-container-header > div
{
    text-align: center;
}

.process-list-participants-table-row > .progress-participant-name-outer,
.process-list-participants-table-row > .progress-participant-name,
.process-list-participants-table-row > .progress-participant-email,
.process-list-participants-table-row > .progress-participant-phone,
.process-list-participants-table-row > .progress-participant-room-time,
.process-list-participants-table-row > .progress-participant-online-time,
.process-list-participants-table-row > .progress-participant-control,
.process-list-participants-table-row > .progress-participant-last-activity
{
    /*width: 284px;
    min-width: 284px;*/
    margin-right: 12px;
}

.process-list-participants-table-row > .progress-participant-name-outer,
.process-list-participants-table-row > .progress-participant-name,
.process-list-participants-table-row > .progress-participant-email,
.process-list-participants-table-row > .progress-participant-phone,
.process-list-participants-table-row > .progress-participant-control,
.process-list-participants-table-row > .progress-participant-last-activity
{
    /*min-width: 151px;*/
}

.process-list-participants-table-row > .progress-participant-name
{
    /*margin-left: 20px;
    margin-right: 30px;*/
}

.process-list-participants-table-row > .progress-participant-email,
.process-list-participants-table-row > .progress-participant-phone,
.process-list-participants-table-row > .progress-participant-room-time,
.process-list-participants-table-row > .progress-participant-online-time,
.process-list-participants-table-row > .progress-participant-control
{
    /*margin-left: 30px;
    margin-right: 30px;*/
}

.process-list-participants-table-row > .progress-participant-last-activity
{
    /*margin-left: 30px;
    margin-right: 20px;*/
}

/*
.process-list-participants-table-row > .progress-participant-name
{
    width: 210px;
    min-width: 210px;
    margin-right: 60px;
}

.process-list-participants-table-row > .progress-participant-email,
.process-list-participants-table-row > .progress-participant-phone
{
    width: 120px;
    min-width: 120px;
    margin-left: 60px;
    margin-right: 60px;
}

.process-list-participants-table-row > .progress-participant-room-time,
.process-list-participants-table-row > .progress-participant-online-time
{
    width: 140px;
    min-width: 140px;
    margin-left: 60px;
    margin-right: 60px;
}

.process-list-participants-table-row > .progress-participant-control
{
    width: 160px;
    min-width: 160px;
    margin-left: 60px;
    margin-right: 60px;
}

.process-list-participants-table-row > .progress-participant-last-activity
{
    width: 200px;
    min-width: 200px;
    margin-left: 60px;
}
*/
.progress-participant-header-sorter-block
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.progress-participant-header-sorter-block > .pruffme_select_roll_icon
{
    min-width: 20px;
}

.progress-participant-header-sorter-block > .progress-participant-label
{
    width: fit-content;
    text-overflow: ellipsis;
    overflow: hidden;
}

.progress-participant-header-sorter-block.reverse > .pruffme_select_roll_icon
{
    transform: rotate(180deg);
}

.process-list-participants-container-data
{
    display: inline-flex;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 25px;
    overflow: hidden;
    width: 100%;
}

.progress-statistics-participant-empty-line-outer
{
    height: 380px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.progress-statistics-participant-empty-line-icon
{
    width: 25px;
    height: 25px;
    background-image: url(images/cabinet/statistics/icon_info.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-bottom: 20px;
}

.progress-statistics-participant-empty-line-label
{
    text-align: center;
    color: #A8AAB3;
    font-size: 16px;
    line-height: 20px;
}

.process-list-participants-table-row > div
{
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: nowrap;
}
/*
.process-list-participants-table-row > .progress-participant-room-time,
.process-list-participants-table-row > .progress-participant-online-time
{
    flex-shrink: 1;
}
*/
.progress-participant-name-outer > div
{
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: nowrap;
}

.process-list-participants-table-row > .progress-participant-logo
{
    width: 32px;
    max-width: 32px;
    min-width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 16px;
    margin-right: 16px;
}


.process-list-participants-table-row > .progress-participant-name
{
    /*flex: 2;*/
}

.process-list-participants-table-row > .progress-participant-email
{
    /*flex: 2;*/
}

.progress-statistics-participant-list-item-line
{
    display: flex;
    flex-direction: row;
    align-items: center;

    /*padding: 4px 72px 4px 20px;*/
    padding: 4px 0px 4px 20px;
    gap: 0px;
    border-radius: 4px 0px 0px 0px;
}

.progress-statistics-participant-list-item-line > .progress-participant-phone,
.progress-statistics-participant-list-item-line > .progress-participant-room-time,
.progress-statistics-participant-list-item-line > .progress-participant-online-time,
.progress-statistics-participant-list-item-line > .progress-participant-control,
.progress-statistics-participant-list-item-line > .progress-participant-last-activity
{
    text-align: center;
}

.progress-statistics-participant-list-item-line > .progress-participant-room-time,
.progress-statistics-participant-list-item-line > .progress-participant-online-time
{
    text-align: center;
    position: relative;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.process-list-participants-table-element-filler
{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    min-width: 4px;
    background-color: gray;
    opacity: 10%;
    border-radius: 8px;
    overflow: hidden;

    display: flex;
    align-items: center;
    justify-content: center;
}

.process-list-participants-table-element-filler.blue
{
    background-color: dodgerblue;
}

.cabinet-v2_webinar_item_text_fix {
    color: var(--pruffme-text-primary) !important;
    text-decoration: none !important; 
}

/* страница статистики */
@media all and (max-width: 1279px) {
    .process-statistics-header-block
    {
        padding-left: 16px;
        padding-right: 16px;
    }

    .process-statistics-header-label-block
    {
        max-width: calc(100% - 500px);
    }

    .process-statistics-header-block-inner > .action-download,
    .process-statistics-header-block-inner > .download-desktop-button
    {
        display: none;
    }
    
    .process-main-statistics-container-all
    {
        /*padding: 20px 16px 20px 16px;*/

        /*вариант с мобильной кнопкой скачать*/
        padding: 20px 16px 80px 16px;
    }

    .process-statistics-download-mobile-outer
    {
        display: flex;
    }

    .process-statistics-download-mobile-outer > .pruffme_dropdown
    {
        width: 100%;
        flex-grow: 1;
    }

    .process-statistics-download-mobile-outer > .pruffme_button
    {
        height: 56px;
    }

    .process-statistics-download-icon
    {
        width: 24px;
        height: 30px;
        margin-right: 8px;
    }

    .process-main-statistics-container
    {
        flex-direction: column;
        gap: 20px;
    }

    .process-statistics-participants
    {
        flex-direction: row;
        gap: 20px;
        order: 0;
    }

    .process-statistics-participants-block
    {
        border-radius: 12px;
        overflow: hidden;
    }

    .process-statistics-participants-block-inner
    {
        gap: 16px;
        padding-bottom: 12px;
    }

    .process-statistics-misc
    {
        justify-content: space-between;
        order: 2;
    }

    .process-statistics-devices
    {
        order: 1;
        flex: 1;
    }

    .process-statistics-geography
    {
        order: 2;
        flex: 2;
        max-width: 650px;
    }

    .process-statistics-geography-switcher-block
    {
        left: var(--cabinet-process-geography-diagram-size);
    }
    
    .process-statistics-geography-regions-block
    {
        width: calc(100% - var(--cabinet-process-geography-diagram-size));
        padding-left: 30px;
    }

    .process-statistics-geography-element-block
    {
        width: 100%;
    }

    .process-graph-participants-container
    {
        order: 1;
    }

    .process-list-participants-container
    {
        width: 100%;
    }
}

@media all and (max-width: 910px) {
    :root {
        --cabinet-process-geography-diagram-size: 200px;
    }

    .process-statistics-geography
    {
        width: calc(100% - 420px);
    }
}

@media all and (max-width: 835px) {
    .process-statistics-header-block
    {
        padding-left: 15px;
        padding-right: 16px;
    }

    .process-main-statistics-container-all
    {
        /*padding: 20px 16px 20px 16px;*/
    }
    
    .process-main-statistics-container
    {
        flex-direction: column;
        gap: 20px;
    }

    .process-statistics-participants
    {
        flex-direction: row;
        order: 1;
    }

    .process-statistics-misc
    {
        gap: unset;
        justify-content: space-between;
        order: 2;
    }

    .process-statistics-geography
    {
        order: 1;
        flex: unset;
        width: calc(100% - 363px);
    }

    .process-statistics-devices
    {
        order: 0;
        width: 343px;
        flex: unset;
    }

    .process-graph-participants-container
    {
        order: 1;
    }
}

@media all and (max-width: 780px) {
    .process-statistics-devices
    {
        width: 300px;
    }

    .process-statistics-geography
    {
        width: calc(100% - 320px);
    }
}

@media all and (max-width: 780px) {
    :root {
        --cabinet-process-geography-diagram-size: 125px;
    }

    .process-statistics-devices
    {
        width: 300px;
    }

    .process-statistics-geography
    {
        width: calc(100% - 320px);
    }

    .process-statistics-geography-regions-block
    {
        padding-left: unset;
    }
}

@media all and (max-width: 690px) {
    :root {
        --cabinet-process-geography-diagram-size: 250px;
    }

    .process-statistics-misc
    {
        flex-direction: column;
        gap: 16px;
    }

    .process-statistics-devices
    {
        width: 100%;
    }

    .process-statistics-geography
    {
        width: 100%;
    }

    .process-statistics-geography-regions-block
    {
        padding-left: 30px;
    }
}

@media all and (max-width: 550px) {
    .process-statistics-header-block-inner
    {
        flex-direction: column;
        align-items: flex-start;
    }

    .process-statistics-header-back-button
    {
        max-width: 21px;
        overflow: hidden;
    }

    .process-statistics-header-label-block
    {
        max-width: 100%;
        display: flex;
        flex-direction: row;
    }

    .process-statistics-datetime-block
    {
        margin: 0;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }

    .process-statistics-date-selector > .mobile-selector
    {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .process-statistics-date-selector > .desktop-selector
    {
        display: none;
    }

    .process-statistics-time-selector > .mobile-selector
    {
        display: flex;
        width: 100%;
    }
    
    .process-statistics-time-selector > .desktop-selector
    {
        display: none;
    }

    .mobile-selector > div
    {
        display: flex;
        align-items: flex-end;
        width: 100%;
        justify-content: space-between;
    }

    .process-statistics-time-selector-end-element-outer
    {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        gap: 20px;
    }

    /*
    .process-statistics-datetime-input-calendar-block
    {
        right: unset;
        left: 0;
    }
    */

    .process-statistics-participants
    {
        flex-direction: column;
        gap: 8px;
    }

    .process-statistics-participants-block
    {
        width: 100%;
        max-width: 100%;
    }

    .process-statistics-misc
    {
        flex-direction: column;
        gap: 16px;
    }

    .process-statistics-devices
    {
        width: 100%;
    }

    .process-statistics-geography
    {
        width: 100%;
    }

    .process-graph-participants-container
    {
        display: none;
    }

    .process-list-participants-container
    {
        display: none;
    }

    /*--------------------*/
    .process-statistics-datetime-block > .process-statistics-time-selector
    {
        position: relative;
        width: 100%;
        /*
        border: unset;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        justify-content: space-between;
        height: unset;
        */
    }

    .process-statistics-time-selector .process-statistics-datetime-divider
    {
        display: none;
    }

    .process-statistics-time-selector .process-statistics-time-icon
    {
        display: none;
    }

/*
    .process-statistics-datetime-block > .process-statistics-date-selector
    {
        border: unset;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        height: unset;
    }
*/
    .process-statistics-date-selector > .process-statistics-time-selector-element-outer
    {
        height: 40px;
        width: unset;
        border: 1px solid #DDE1E5;
        padding: 12px 8px 12px 8px;
        border-radius: 8px;
        align-items: center;
    }
    
    .process-statistics-time-selector input
    {
        height: 40px;
        width: unset;
        border: 1px solid #DDE1E5;
        padding: 12px 8px 12px 8px;
        border-radius: 8px;
        width: 130px;
    }

    .process-statistics-time-selector > .process-statistics-time-selector-element-outer
    {
        display: flex;
        gap: 6px;
        flex-direction: column;
    }

    .process-statistics-time-selector-label
    {
        display: block;
        color: #A8AAB3;
    }

    .process-statistics-timepicker-block
    {
        left: 0;
        right: unset;
        top: 85px
    }

    .process-statistics-datetime-input-calendar-block
    {
        right: unset;
        left: 0;
        top: 85px;
    }

    .process-statistics-time-input-shedule-outer
    {
        display: none;
    }
}

@media all and (max-width: 500px) {
    :root {
        --cabinet-process-geography-diagram-size: 125px;
    }

    .process-statistics-geography
    {
        height: 235px;
    }
}

@media all and (max-width: 400px) {
    .process-statistics-datetime-input-calendar-block
    {
        left: -15px;
    }
}
/* страница статистики конец*/

.cabinet-dashboard-list-custom-buttons-container
{
    display: flex;
    flex-direction: row;
    gap: 8px;
}

@media all and (max-width: 1040px){
    .action-dashboart-miro-import
    {
        display: none;
    }
}

@media all and (max-width: 800px) {
    .cabinet-v2-selection-record-action-btn.open_editor {
        display: none;
    }

    .cabinet-v2-news-container-content
    {
        display:none;
    }
}


@media all and (max-width: 1200px) {
    .cabinet-v2-container-left {
        max-width: 250px;
    }
    .cabinet-v2_content_creation_btn {
        display: none;
    }
}


@media all and (max-width: 900px) {
    .cabinet-v2-container-left {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        display: none;

        z-index: 10;
        background-color: #FFFFFF;
    }

    [data-location="lists"] .cabinet-v2-container-left,
    [data-location="im"] .cabinet-v2-container-left{
        position: fixed;
    }

    [data-location="lists"] .cabinet-v2-container-right{
        padding-right: 10px;
        padding-left: 10px;
    }

    [data-location="lists"] .cabinet_items_container{
        flex-direction: column-reverse;
    }

    .cabinet-v2-container-left-menu {
        /* max-height: 100%; */
    }

    /* .cabinet-v2_items_container {
        padding: 10px;
        padding-top: 20px;
    } */

    .cabinet-v2_items_container_inner {
        padding: 0;
    }

    .cabinet-v2_webinar_item_left {
        max-width: 190px;
    }

    .cabinet-v2_webinar_item:not(:last-child) {
        padding-bottom: 10px;
    }

    .cabinet-v2_webinar_item_actions {
        align-items: flex-start;
        padding-top: 10px;
        padding-right: 10px;
    }

    .cabinet-v2_aweb_item_inner .cabinet-v2_webinar_item_actions {
        top: 10px;
        right: 10px;
    }

    .cabinet-v2_items_container_bottom_alt
    {
        padding-left: 16px;
        padding-right: 16px;
    }

    .cabinet-v2_items_content_container
    {
        padding-bottom: 20px;
    }
}

@media all and (max-width: 550px) {
    .cabinet-v2_items_container_bottom {
        padding: 0 16px;
    }

    .cabinet-v2_webinar_item_inner {
        flex-direction: column;
    }

    .cabinet-v2_webinar_item_right {
        padding-left: 0;
        margin-top: 10px;
    }

    .cabinet-v2_webinar_item_left {
        max-width: 100%;
        height: 180px;
        overflow: hidden;
    }

    .cabinet-v2_webinar_item_actions {
        top: 10px;
        padding-top: 0;
    }

    .cabinet-v2_webinar_item_line_actions {
        justify-content: space-between;
    }

    .cabinet-v2_webinar_item_line_actions > .cabinet-v2_webinar_item_line:not(:first-child):before {
        display: none;
    }

    .cabinet-v2_webinar_item_logo_wrapper {
        height: 100%;
        aspect-ratio: inherit;
    }

    .cabinet-v2_webinar_item_logo {
        background-position: center;
    }

    .cabinet-v2_media_item_additional {
        gap: 5px;
    }

    .cabinet-v2_content_search_box_right {
        /* min-width: inherit; */
    }

    .cabinet-v2_aweb_item_additional_box, .cabinet-v2_record_item_additional_box {
        flex-direction: column;
    }

    .cabinet-v2_aweb_item_left, .cabinet-v2_record_item_left {
        margin-right: 10px;
    }

    .cabinet-v2-container-left-menu-item > a {
        padding: 8px 10px;
    }

    .cabinet-v2-container-left-tarif-box {
        display: none;
    }

    .cabinet-add-header-notifications-inner {
        width: auto;
        height: 100%;
    }

    .cabinet-add-header-notifications-content {
        max-height: 100%;
    }

    .cabinet-add-header-notifications-button-wrapper {
        margin-right: 4px;
    }

    .cabinet-add-header-notifications-empty-placeholder {
        top: 0;
    }

    .cabinet-add-header-notifications-empty-sublabel {
        display: block;
    }

    .cabinet-v2-simple-popup-content, .cabinet-v2-confiramation-popup-content {
        width: 95vw;
    }
    
    .cabinet-content-parent-combined-block {
        padding: 0;
    }

    .my-money-body-tariff-name {
        float: none;
    }

    .my-money-body-tariff-till {
        position: relative;
        float: none;
        right: auto;
    }

    .cabinet-v2_catalog_filters_categories_container {
        display: none;
    }

    .cabinet-v2_catalog_dropdown_wrapper {
        overflow: hidden;
        width: 172px;
        max-height: inherit;
    }

    .cabinet-v2_catalog_filters_container {
        max-height: inherit;
        height: auto;
        padding: 16px;
    }

    .cabinet-v2-webinar-recordlink-bottom {
        flex-direction: column;
    }
}