@import url("templates_presentations.css");
@import url("templates_video.css");
@import url("inserts_templates.css");



@font-face {
    font-family: NotoSans;
    src: url(../fonts/NotoSans-Regular.ttf);
    font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: NotoSans;
    src: url(../fonts/NotoSans-Bold.ttf);
    font-weight: bold;
	font-style: normal;
}
@font-face {
    font-family: NotoSans;
    src: url(../fonts/NotoSans-Italic.ttf);
    font-weight: normal;
	font-style: italic;
}
@font-face {
    font-family: NotoSans;
    src: url(../fonts/NotoSans-BoldItalic.ttf);
    font-weight: bold;
	font-style: italic;
}
/*@font-face {
    font-family: mybold;
    src: url(../fonts/NotoSans-Bold.ttf);
    font-weight: bold;
	font-style: normal;
}
@font-face {
    font-family: mybold;
    src: url(../fonts/NotoSans-BoldItalic.ttf);
    font-weight: bold;
	font-style: italic;
}*/




@font-face {
    font-family: Rubik;
    src: url(../fonts/Rubik-Light.ttf);
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: Rubik;
    src: url(../fonts/Rubik-Regular.ttf);
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: Rubik;
    src: url(../fonts/Rubik-Medium.ttf);
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: Rubik;
    src: url(../fonts/Rubik-SemiBold.ttf);
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: Rubik;
    src: url(../fonts/Rubik-Bold.ttf);
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: Rubik;
    src: url(../fonts/Rubik-Medium.ttf);
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: Rubik;
    src: url(../fonts/Rubik-ExtraBold.ttf);
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: Rubik;
    src: url(../fonts/Rubik-Black.ttf);
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: mybold;
    src: url(../fonts/Rubik-Medium.ttf);
    font-weight: bold;
	font-style: normal;
}
@font-face {
    font-family: mybold;
    src: url(../fonts/Rubik-Medium.ttf);
    font-weight: bold;
	font-style: italic;
}





img[src=""] {
    display: none !important;
}

.alert
{
    position: fixed;
    left: 0;
    width: 80%;
    left: 50%;
    margin-left: -40%;
    z-index: 999999;
    text-align:center;

}

.top_alert {
    top: 20px;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:before,
*:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }

body{
    /*font-family: NotoSans;
    font-size: 13px;*/
    font-family: Rubik;
    font-size: 13px;
}



.header_template_main
{
    /*padding-right:  40px;
    padding-left:   40px; */

}
.header_template_nav
{
    padding-right:  40px;
    padding-left:   40px;
    border-bottom: 1px solid #dddddd;
    min-height: 35px;
    height: 35px;
    margin:0;
}

.header_template_nav_min
{
    float:left;
    margin: 0;
    margin-right: 50px;
}



.header_template_nav .nav .open > a,
.header_template_nav .nav .open > a:hover,
.header_template_nav .nav .open > a:focus
{
    padding-left: 0;
    background: none;
}


.header_template_nav_min .nav .open > a,
.header_template_nav_min .nav .open > a:hover,
.header_template_nav_min .nav .open > a:focus
{
    background: none;
}

.header_template_nav .top-menu-dropdown>li{
    height:33px;
}



.pruffme-full-container
{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
}


.btn {
    border-radius: 6px;
}
.btn.grey {
    border-radius: 0;
    height:35px;
    background-color: #535c69;
    color: #fff;
    padding-top: 5px;
}

.navbar-header
{
    margin-top:5px;
}



.navbar-toggle.header {
    background-image: url(images/templates/dropdown_hamburger.png);
    background-position: 2px;
    background-repeat: no-repeat;
    position: relative;
    float: right;
    padding: 0;
    margin-top: 5px;
    margin-right: 0;
    margin-bottom: 0;
    border: 2px solid black;
    border-radius: 5px;
    width: 24px;
    height: 20px;
}
.navbar-toggle.footer {
    position: relative;
    float: left;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid black;
    border-radius: 4px;
}

.navbar_main_icon
{
    background-image: url(images/templates/icon_top_black.png);
    background-repeat: no-repeat;
    width:199px;
    height:40px;
    cursor:pointer;
    float:left;
    margin-right: 60px;
}

.navbar_main_icon_min
{
    background-image: url(images/templates/icon_top_black.png);
    background-repeat: no-repeat;
    width: 199px;
    height: 25px;
    cursor: pointer;
    float: left;
    margin-right: 60px;
    background-size: contain;
}

.navbar-nav > li > a
{
    color:#2d75ab;

    text-decoration: underline;


    line-height: 35px;
    padding:0;
    padding-right: 15px;

}
.nav > li > a:hover
{
    background-color:#fff;

}
.nav > li > a:focus
{
    background-color:#fff;
    color:#535C69;
}



.span_placeholder_input_style_change {
    position: absolute;
    left: 8px;
    display: none;
    height: auto;
    color: #919193;
    background-color: white;
    font-size: 13px;
    font-family: sans-serif;
    padding: 0 10px;
    border: 1px solid #D1D1D1;
    border-radius: 8px;
    top: -10px;
}
.advanced_style_input_block input {
    border: 1px solid #D1D1D1;
    border-radius: 5px;
    position: relative;
    padding: 5px 10px 5px 10px;
    outline: none;
}

.advanced_style_input_block {
    position: relative;
}





.header-navbar-collapse
{
    background-color:#fff;
    margin:0 !important;
}



.header_top_line
{
    float:right;
    max-width: 60%;
}
.header_bottom_line_left
{
    float:left;
}
.header_bottom_line_right
{
    /* float:right; */
    height:40px;
    position: absolute;
    right: 3%;
}
.navbar-nav > li
{
    height:100%;
}

.header_template_main .navbar-nav > li:last-child a
{
    padding-right:0;
}

.header_bottom_line_left_categories
{
    float:left;
}
.header_bottom_line_left_dropdown
{
    float:left;
}
.header_bottom_line_left_create
{
    float:left;
    margin-top:4px;
}


.header_category_selector_box_relative
{
    margin-right:20px;
    margin-bottom: 10px;
    height:40px;
}

.header_category_selector_box
{
    background-image: url(images/templates/dropdown_categories_icon.png);
    background-repeat: no-repeat;
    background-position: 12px 12px;
    width: 210px;
    height: 40px;
    background-color: #535C69 !important;
    text-align: left;
    padding-left: 40px;
    padding-top: 8px;
    color: #fff;
}
.header_category_selector_box:hover
{
    color:#aaa;
}

.header_category_selector_box_right
{
    background-image: url(images/templates/dropdown_categories_icon_right.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width:26px;
    height:15px;
    position: absolute;
    top: 10px;
    right: 10px;
}
.header_category_selector_list
{
    width:210px;
    /*background-color: #535C69;*/
}

.header_webinars_selector_list
{
    width:210px;
    /*background-color: #535C69;*/
}


.header_create_webinar_box
{
    background-image: url(images/templates/icon_create_webinar.png);
    background-repeat: no-repeat;
    background-position: 0 7px;
    height:40px;

    padding-top: 9px;

}

.header_create_course_box
{
    background-image: url(images/templates/icon_create_course.png);
    background-repeat: no-repeat;
    background-position: 0 7px;
    height:40px;

    padding-top: 9px;

}
.header_create_quiz_box
{
    background-image: url(images/templates/icon_create_quiz.png);
    background-repeat: no-repeat;
    background-position: 0 7px;
    height:40px;

    padding-top: 9px;

}
.header_create_webinar_box > p,
.header_create_course_box > p,
.header_create_quiz_box > p

{
    color: #2d75ab;
    cursor: pointer;
    background-repeat: no-repeat;
    padding-left: 30px;
    margin-right: 40px;
    /* text-decoration:underline; */
}

.login_webinar_box
{
    background-image: url(images/templates/login_icon.png);
    background-repeat: no-repeat;
    background-position: 0 7px;
    padding-left: 40px;
    padding-right: 0;
    color: #535c69;
    height: 40px;
    padding-top: 9px;
    text-decoration: underline;
    cursor: pointer;
}
.logedIn_webinar_box
{
    background-image: url(images/templates/login_icon.png);
    background-repeat: no-repeat;
    background-position: 0 7px;
    padding-left: 30px;
    /* padding-right: 0; */
    color: #2d75ab;
    height: 40px;
    padding-top: 10px;
    /* text-decoration: underline; */
    cursor: pointer;
    margin-top: 4px;
}
.header-dropdown-menu
{
    right:0;
    left:auto;
}

.webinar_question_box
{
    background-image: url(images/templates/question_icon.png);
    background-repeat: no-repeat;
    background-position: 0 7px;
    height: 40px;
    width:30px;
}

.webinar_properties_box
{
    background-image: url(images/templates/icon_properties.png);
    background-repeat: no-repeat;
    background-position: 7px 7px;
    height: 40px;
    width:40px;
    margin-right: 10px;
    float:left;
    cursor:pointer;
}

.webinar_header_messages_box
{
    background-image: url(images/templates/icon_mail.png);
    background-repeat: no-repeat;
    background-position: 0 13px;
    height: 40px;
    width: 70px;
    padding-left: 22px;
    font-family: mybold;
    padding-top: 10px;
    float:left;
    cursor:pointer;
}



.header_login_line
{
    height:65px;
    width:100%;
    /*margin-bottom:10px;*/
    padding-left: 40px;
    padding-right: 40px;
    padding-top:10px;
    border-bottom: 3px solid #2c74ab;
}


.header_login_line_min
{
    display:none;
    height:40px;
    width:100%;
    position:absolute;
    top:80px;

}
.header_login_line_min_left
{
    position:absolute;
    top:0;
    left:0;
    height:100%;
}
.header_login_line_min_right
{
    position:absolute;
    top:0;
    right:0;
    height:100%;
}









.login_form_box
{
    width:  350px;
    max-width:90%;
    height: 280px;
    background-color: #59b200;
    position:absolute;

    right:20px;

    display:none;
    z-index:1;
}

.login_form_box_inner
{
    margin: 20px;
    position:relative;
    height:240px;
}

.login_form_green_appendix
{
    background-color: #59b200;
    height:100%;
    color:#000;
}


.login_form_header_box
{
    height:40px;
}
.login_form_header_box > p
{
    color:#fff;
    font-family: mybold;
    font-size: 17pt;
    margin:0;
}

.login_form_input
{
    width:100%;
    height:40px;
    margin-top:20px;
}

.login_form_additional
{
    width:100%;
    margin-top:10px;
}
.login_form_additional > p
{
    color:#fff;
    text-decoration:underline;
    font-size:10pt;
    cursor:pointer
}
.login_form_additional > .p1
{
    float:left;
}
.login_form_additional > .p2
{
    float:right;
}

.login_form_button
{
    position:absolute;
    right:0;
    bottom:0;
    width: 140px;
    height:40px;
    background-color: #535c69;

}
.login_form_button > p
{
    color:#fff;
    font-family: mybold;
    font-size: 12pt;
    margin-top: 2px;
}






.properties_form_box
{
    width: 250px;
    background-color: #59b200;
    position: absolute;
    margin-top:-10px;
    right: 20px;

    display:none;
    z-index:1000;
}

.properties_form_box_inner
{
    margin: 20px;
    position:relative;
    width:210px;
}

.properties_form_green_appendix
{
    background-color: #59b200;
    height:100%;
}
.properties_form_header_box
{
    height:40px;
}
.properties_form_header_box > p
{
    color:#fff;
    font-family: mybold;
    font-size: 17pt;
    margin:0;
}

.properties_form_button > p
{
    text-decoration: underline;
    color: #fff;
    cursor:pointer;
}



.register_text_input
{
    height:40px;
    width:100%;
    padding-left:10px;
    border-style: none;
}
.refister_full_row
{
    width:100%;
    margin-bottom:15px;
}

.refister_full_row_padding
{
    width:100%;
    padding-left:15px;
    padding-right:15px;
    margin-bottom:10px;
}

.register_form_button
{
    float:right;
    width: 140px;
    height:40px;
    background-color: #535c69;



    background-color: #535c69;
    color: #fff;
    padding-top: 5px;
    text-align: center;
    line-height: 40px;
    padding: 0;
    border-radius: 5px;
    cursor:pointer;

}
.register_form_button > p
{
    color:#fff;
    font-size: 12pt;
}

.register_form_auth_btn
{
    float:left;
    margin-top: 10px;

}
.register_form_auth_btn > p
{
    cursor:pointer;
    color:#000;
    text-decoration:underline;
}


.register_form_check_p
{
    color: #000;
    padding-top:5px;
    padding-left:40px;
}
.register_form_check_p > a
{
    color: #000;
    text-decoration: underline;
}




.login_popup_left_label
{
    float:left;
    text-decoration:underline;
    cursor:pointer;
}
.login_popup_right_label
{
    float:right;
    text-decoration:underline;
    cursor:pointer;
}







.any_form_box_outer
{
    display:none;
    z-index: 1000;
}

.any_form_box_background
{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}
.any_form_box
{
    width: 570px;
    background-color: #fff;
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -285px;
    z-index: 1001;
	border-radius: 10px;
}
.any_form_box_inner
{
    margin-top:10px;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:20px;
    position:relative;
}

.any_popup_close
{
    position:absolute;
    right:20px;
    top:15px;
    background-image:url(images/templates/icon_close_small.png);
    width:16px;
    height:16px;
    cursor:pointer;
}

.any_popup_header_box
{
    color:#000;
    font-size:15pt;
    font-family:mybold;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #eee;
    margin-bottom:10px;
}
.any_popup_header_box p
{
    margin:0;
    margin-bottom: 5px;
}

.any_popup_delimiter
{
    width:100%;
    height:1px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #eee;
    margin-bottom:10px;
    clear:both;
}

.any_popup_row_padding
{
    width: 100%;
    padding-left:15px;
    padding-right:15px;
    margin-bottom:10px;
    clear:both;
}

.any_popup_row_padding_flex
{
    width:100%;
    padding-left:15px;
    padding-right:15px;
    margin-bottom:10px;
    clear:both;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.any_popup_row
{
    width:100%;
    margin-bottom:10px;
    clear:both;
}

.any_popup_label_bold
{
    font-family:mybold;
}

.any_popup_text_input
{
    height: 40px;
    line-height:40px;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    border-style: none;
    background-color: #eee;
}

.any_popup_text_input_label
{
    font-weight: bold;
    font-size: 13px;
}

.any_popup_text_input .mobile_date
{
    font-size: 18pt;
    color: #777;
}

.any_popup_close > a
{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    text-decoration:none;
    z-index:10;
    background-color:white;
    opacity: 0;
    filter: alpha(opacity=1);
}

.any_popup_form_only_button
{
    float:right;
}
.any_popup_form_only_button > p
{
    margin-top:2px;
}



.any_popup_header_box-v2 {
    display: flex;

}




.registration-form-box-outer
{

}

.registration-form-box-background
{

}

.registration-form-box
{
    min-height: 100px;
    background-color: #fff;
    border-radius: 5px;
    width: 450px;
    position: absolute;
    left: calc(50% - 225px);
    top: 100px;
    z-index: 1001;
}

.registration-form-box-step
{
    padding: 20px;
    display:none;
}


.registration-form-box-step.step-vk-registration
{

    height: 300px;

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

.registration-form-box-step.step-vk-registration.registration-shown
{
    display:flex !important;
}



.registration-form-box-spinner
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    display:none;
}

.registration-form-box-header
{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
}
.registration-form-box-description
{
    text-align: center;
    color: #7f7f7f;
    margin-bottom: 20px;
}
.registration-form-box-button
{
    background-repeat: no-repeat;
    background-position: center left 10px;
    text-align: center;
    height: 45px;
    border-radius: 10px;
    border: 1px solid #ebebeb;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    cursor: pointer;
    user-select: none;
}
.registration-form-box-button.button-vk
{
    background-image: url(images/templates/registration/vk.svg);
}
.registration-form-box-button.button-fb
{
    background-image: url(images/templates/registration/facebook.svg);
}
.registration-form-box-button.button-ph
{
    background-image: url(images/templates/registration/phone-call.svg);
}

.registration-form-box-bottom-line
{
    margin-top: 20px;
    font-size: 12px;
}

.registration-form-box-bottom-line-login
{
    color: #366ee6;
    font-weight: bold;
    cursor: pointer;
}

.registration-form-box-input-container
{
    margin-top:10px;
}

.registration-form-input-line
{
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    margin-bottom:15px;
    position: relative;
}
.advanced_style_input_block .registration-form-input
{
    background-color: #f6f6f6;
    color:#333;
    border-radius: 5px;
    height:40px;
    border: none;
    padding-left: 10px;
    padding-right: 10px;
    width:100%;
}
.registration-form-input::placeholder
{
    color:#7b7b7b;
}
.registration-form-input.completed
{
    background-image: url(images/templates/registration/complete.svg);
    background-position: center right 10px;
    background-repeat: no-repeat;
}


.registration-form-input-line .span_placeholder_input_style_change
{
    border: none;
    top: -8px;
}


.selected_input .registration-form-input
{
    border: 1px solid #eee;
    background-color: #fff;
}

.registration-form-input-wrapper
{
    width: 100%;
}
.registration-form-input-wrapper-half
{
    width: calc(50% - 5px);
}
.registration-form-input-wrapper-span
{

}


.registration-form-box-rules-container
{
    margin-top: 10px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}
.registration-form-check-rules-label
{
    font-size: 12px;
    margin-left: 5px;
}

.registration-form-check-rules-label a
{
    color:#366ee6;
}

.registration-form-box-confirm-button
{
    background-color: #366ee6;
    width:100%;
    height:50px;
    border-radius: 5px;
    color:#fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor:pointer;
    user-select: none;
}

.registration-form-box-confirm-button.disabled
{
    opacity: 0.5;
    cursor: auto;
}



.registration-form-box-phone-container
{

}
.registration-form-box-phone-container.hidden
{
    display:none;
}
.registration-phone-number-prefix
{
    position: absolute;
    line-height: 39px;
    top: 0;
    left: 10px;
    color: #7b7b7b;
    font-size: 16px;
}

.ui-autocomplete.registration-phone-autocomplete
{
    z-index: 1005;

    max-height: 150px;
    border: 1px solid #eee;
    border-radius: 5px;
    overflow: auto;
    max-width: calc(100vw - 60px);
    background-color: #fff;
    width: calc(450px - 40px) !important;
}

.ui-autocomplete::-webkit-scrollbar {
    width: 5px;
    height:5px;
	background-color: #fff;
}
.ui-autocomplete::-webkit-scrollbar-track {
    border-radius: 2px;
    background: #fff;

}

.ui-autocomplete::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #c3c3c3;
}

.ui-autocomplete::-webkit-scrollbar-thumb:hover {
    background: #aaa;
}

.ui-autocomplete::-webkit-scrollbar-thumb:active {
    background: #aaa;
}



.ui-autocomplete.registration-phone-autocomplete > li
{
    color: #333;
    line-height: 25px;
}
.ui-autocomplete.registration-phone-autocomplete > li.ui-state-focus
{
    border: none;
    background:none;
    background-color: #f1fcff;
    margin:0;
}

.registration-form-box-phone-header
{
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 12px;
    color: #333;
}
.registration-form-box-send-sms-button
{
    background-color: #366ee6;
    width:100%;
    height:50px;
    border-radius: 5px;
    color:#fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor:pointer;
    user-select: none;
}

.registration-form-box-send-sms-button.disabled
{
    opacity: 0.5;
    cursor: auto;
}

.registration-form-box-no-sms-button
{
    text-align: center;
    margin-top: 14px;
    color: #777;
    cursor: pointer;
}
.registration-form-box-phone-nosms-container
{
    display:none;
    overflow: hidden;

    background-color: #eee;
    border-radius: 5px;
    padding: 15px;
}

.registration-form-box-phone-nosms-description
{
    text-align: center;
    line-height: 20px;
}
.registration-form-box-phone-nosms-phone
{
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    margin-top: 10px;

}
.registration-form-box-phone-nosms-phone > a
{
    color: #000;
    text-decoration: none;
}



.registration-form-box-phone-confirmation-container
{
    display:none;
    overflow: hidden;
}

.registration-form-box-phone-confirmation-label
{
    margin-top:20px;
    color:#333;
    font-size: 12px;
}

.registration-form-box-phone-confirmation-input
{
    height: 50px;
    width: 500px;
    line-height: 50px;
    background-image: url(images/templates/registration/smsdigit.png);
    border: none;
    margin-top: 10px;
    margin-bottom: 10px;
    outline: none;
    letter-spacing: 49px;
    padding-left: 20px;
    font-size: 20px;
}

.registration-form-box-phone-confirmation-input-outer
{
    position:relative;
}
.registration-form-box-phone-confirmation-over
{
    position: absolute;
    background-color: #fff;
    height: 50px;
    width: 60px;
    top: 10px;
    right: 0;
}

#registration_phone_number
{
    font-size: 16px;
}

.registration-form-box-confirm-sms-button
{
    background-color: #366ee6;
    width:100%;
    height:50px;
    border-radius: 5px;
    color:#fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor:pointer;
    user-select: none;
}

.registration-form-box-confirm-sms-button.disabled
{
    opacity: 0.5;
    cursor: auto;
}



@media all and (max-width: 768px) {
    .registration-form-box
    {
        width:calc(100% - 20px);
        left:10px;
    }

    .registration-form-box-phone-confirmation-input
    {
        background-image: none;
        letter-spacing: normal;
        border: 1px solid #eee;
        width: 100%;
        border-radius: 5px;
    }
    .registration-form-box-phone-confirmation-over
    {
        display:none;
    }
}



.login_popup_form_box
{
    min-height: 100px;
    background-color: #fff;
    border-radius: 5px;
    width: 450px;
    position: absolute;
    left: calc(50% - 225px);
    top: 100px;
    z-index: 1001;
}


.login_popup_form_box_inner {
    padding: 20px;
}

.login_popup_form_box_submit_button
{
    background-color: #366ee6;
    width:100%;
    height:50px;
    border-radius: 5px;
    color:#fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor:pointer;
    user-select: none;
}

.login_popup_form_box_submit_button.disabled
{
    opacity: 0.5;
    cursor: auto;
}
.login-form-box-bottom-line
{
    margin-top: 10px;
    font-size: 12px;
}
.login-form-box-social-container
{
    display: flex;
    margin-top: 20px;
    justify-content: space-between;
}
.login-form-box-social-button
{
    background-repeat: no-repeat;
    background-position: center left 10px;
    text-align: center;
    height: 45px;
    border-radius: 10px;
    border: 1px solid #ebebeb;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    cursor: pointer;
    user-select: none;
    width: calc(50% - 5px);
}
.login-form-box-social-button-vk
{
    background-image: url(images/templates/registration/vk.svg);
}
.login-form-box-social-button-fb
{
    background-image: url(images/templates/registration/facebook.svg);
}

.login-form-box-vk-popup
{
    display:none;
}

.login-form-box-vk-popup.show-popup
{
    display:flex;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    justify-content: center;
    align-items: center;
}


@media all and (max-width: 768px) {
    .login_popup_form_box
    {
        width:calc(100% - 20px);
        left:10px;
    }
    .login-form-box-social-container
    {
        flex-wrap: wrap;
    }
    .login-form-box-social-button
    {
        width: 100%;
    }

}








.register_form_header_box
{
    text-align:center;
}
.register_close
{
    z-index:1;
}

.register_form_box_inner
{
    position:relative;
    overflow:hidden;
}
.register_form_box_registration
{
    position:relative;
}
.register_form_box_registration_spinner
{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    display:none;
}

.register_form_box_activation
{
    position: absolute;
    background-color: #fff;
    width: 100%;
    height: 100%;
    top: 0px;
    bottom: 0px;
    overflow: hidden;


    left:10000px;
}
.register_form_box_activation_description
{
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.register_form_box_activation_phone_box
{
    margin-top:10px;
}

.activation_country_box .dropdown-menu
{
    width: calc(100% - 30px);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin: 0;
    border: 1px solid #eee;
    overflow: auto;
    max-height: 150px;
}

.activation_phone_box
{
    position:relative;
}
.activation_phone_prefix
{
    position:absolute;
    top: 0;
    line-height: 40px;
    left: 15px;
    color: #777;
}
.activation_get_sms_button,
.activation_set_code_button
{
    float: right;
    width: 140px;
    height: 35px;
    line-height:35px;
    background-color: #535c69;
    border: 1px solid transparent;
    color:#fff;
    cursor:pointer;
    font-size:13px;
    text-align: center;
}

.activation_set_code_button
{
    display:none;
}

#activation_code
{
    float:left;
    width:calc(100% - 150px);
    height:35px;
    line-height:35px;
    text-align:center;
    display:none;
}

.is-requesting .activation_get_sms_button
{
    background-color: #b9babb;
}

.activation_alt_label
{
    text-align: center;
}

.activation_vk
{
    background-image: url(images/templates/login_vk.svg);
    background-size: contain;
    width: 48px;
    height: 48px;
    cursor: pointer;
    float: left;
    margin-left: 25%;
}

.activation_fb
{
    background-image: url(images/templates/login_fb.svg);
    background-size: contain;
    width: 48px;
    height: 48px;
    cursor: pointer;
    float: right;
    margin-right: 25%;
}




.register_webinar_content
{
    max-width:100%;
}


.register_webinar_form_button
{
    float:right;
    width: 50%;
    height:40px;
    background-color: #535c69;
    padding:0 !important;
    cursor:pointer;


}
.register_webinar_form_button > p
{
    color: #fff;
    font-size: 12pt;
    line-height: 35px;
    margin: 0;
    text-align: center;
}
.register_webinar_form_check_p
{
    padding-top: 0px;
    padding-left: 40px;
    font-size: 13px;
}
.register_webinar_form_check_p  > a
{
   text-decoration:underline;
   color: #555;
}




/* .participate_webinar_box_outer
{

}
.participate_webinar_box_background
{

} */
.participate_webinar_box {
    max-width: 650px;
    width: 100%;
    z-index: 1001;

    border-radius: 5px;
}
.participate_webinar_box_close
{

}
.participate_webinar_box_inner
{

}

.participate_webinar_box_steps
{
    display:none;
    min-height: 100px;
    padding: 20px;
}

.participate_webinar_box_questions_header {
    font-size: 18px;
    font-weight: 500;
    color: var(--pruffme-text-primary,#2C2D2E);
}

.participate_webinar_box_questions_description {
    position: relative;
    margin-top: 8px;
    line-height: 20px;
    color: var(--pruffme-text-secondary, #A8AAB3);
}

.participate_webinar_box_questions_errors_box {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #FFFFFF;
}

.participate_webinar_box_questions_errors_box:empty {
    display: none;
}

.participate_webinar_box_questions_error {
    height: 20px;
    color: #ED0A34;
}

.participate_webinar_box_questions_container {
    margin-top: 25px;
}

.participate_webinar_box_questions_custom_check_line,
.participate_webinar_box_questions_check_line
{
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;

    padding: 16px;

    border-radius: 5px;
    background-color: #F7F7F9;
}

.participate_webinar_box_questions_custom_check_line {
    margin-bottom: 8px;
}

.participate_webinar_accept_custom_rules_label,
.participate_webinar_accept_rules_label
{
    margin-left: 10px;
}

.participate_webinar_accept_custom_rules_label > a,
.participate_webinar_accept_rules_label > a {
    color: #257AFB;
}


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

.participate_webinar_box_step_questions {
    width: 520px;
}

.participate_webinar_question
{
    position: relative;
    margin-bottom: 20px;

    display: flex;
    flex-direction: column;
}

.participate_webinar_question_label {
    color: var(--pruffme-text-primary);
    margin-bottom: 8px;
}

.participate_webinar_question_content {
    position: relative;
}

.participate_webinar_question.complete .participate_webinar_question_input
{
    background-image: url(images/templates/icon_ok.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: right 7px center;
}

.participate_webinar_question .participate_webinar_question_error_box
{
    padding-top: 8px;
    line-height: 20px;
    color: #F2163A;
}

.participate_webinar_box_expa_credentials
{
    margin-top: 16px;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: #F1F3F5 1px solid;
}
.participate_webinar_box_expa_credentials.hidden
{
    display:none;
}

.participate_webinar_box_expa_credentials_label {
    color: var(--pruffme-text-primary, #2C2D2E);

    /* Text Medium */
    font-family: Rubik;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 153.846% */
    margin-bottom: 8px;
}

.participate_webinar_box_expa_credentials_price_box {
    color: var(--pruffme-text-primary, #2C2D2E);

    /* Text Medium */
    font-family: Rubik;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 153.846% */

    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.participate_webinar_box_expa_credentials_inner {
    display: flex;
    flex-direction: column;
    gap: 8px;

    border-radius: 8px;
    background: #F7F7F9;
    padding: 12px;
}

.participate_webinar_box_expa_credentials_line
{
    display: flex;
}
.participate_webinar_box_expa_credentials_name
{
    color: var(--pruffme-text-secondary);
    min-width: 63px;
}
.participate_webinar_box_expa_credentials_value
{
    color: var(--pruffme-text-primary);
}

.participate_webinar_box_expa_credentials_value_name
{

}
.participate_webinar_box_expa_credentials_value_email
{
    color:#157ee1;
}
.participate_webinar_box_expa_credentials_value_phone
{
    color:#157ee1;
}

.participate_webinar_box_expa_description_box {
    margin-bottom: 20px;
}

.participate_webinar_box_expa_description_box.hidden
{
    display:none;
}

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

.participate_webinar_box_expa_description_text
{
    margin-top: 8px;
    color: var(--pruffme-text-secondary);
}

.participate_webinar_box_expa_credentials_price_box_value {
    font-size: 18px;
}

.participate_webinar_box_close_button {
    z-index: 2;
}

.participate_webinar_item_error > .participate_webinar_question_content > .participate_webinar_question_input,
.participate_webinar_item_error .pruffme_phoneinput_input,
.participate_webinar_item_error .pruffme_select_input,
.participate_webinar_box_questions_custom_check_line.participate_webinar_item_error .pruffme_checkbox > label ,
.participate_webinar_box_questions_check_line.participate_webinar_item_error .pruffme_checkbox > label {
    border-color: #ED0A34 !important;
}

.icon_participate_webinar_request {
    background-image: url(./landing/icons/icon_participate_request.svg);
}

.icon_participate_webinar_hasrequest {
    background-image: url(./landing/icons/icon_participate_hasrequest.svg);
}

.icon_participate_webinar_complete {
    background-image: url(./landing/icons/icon_participate_complete.svg);
}

.icon_participate_webinar_robot {
    background-image: url(./landing/icons/icon_participate_robot.svg);
}

.icon_participate_webinar_timing {
    background-image: url(./landing/icons/icon_participate_timing.svg);
}

.icon_participate_webinar_lock {
    background-image: url(./landing/icons/icon_lock.svg);
}

.participate_webinar_box_steps_inner {
    width: 360px;
    height: 360px;

    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}

.participate_webinar_box_step_background {
    position: absolute;
    z-index: 0;
    top: -90px;
    left: 0;
    right: 0;
    height: 300px;

    background: radial-gradient(var(--landing-main-color, rgba(33, 111, 230, 0.53)) 0%, rgba(255, 255, 255, 0.00) 170%);
    filter: blur(40px);
    opacity: 0.7;
}


.participate_webinar_box_large_icon {
    width: 100%;
    height: 120px;
    margin-bottom: 24px;
    flex-shrink: 0;

    position: relative;
    z-index: 1;

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

.participate_webinar_box_step_daterestrict {
    padding: 20px;
}

.participate_webinar_box_robot_header,
.participate_webinar_box_complete_header,
.participate_webinar_box_request_header,
.participate_webinar_box_hasrequest_header
{
    color: var(--color-text, #2C2D2E);
    text-align: center;

    /* Title Medium */
    font-family: Rubik;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 12px;
}

.participate_webinar_box_action_wrapper {
    display: flex;
    width: 100%;
}

.participate_webinar_box_robot_description,
.participate_webinar_box_complete_description,
.participate_webinar_box_request_description,
.participate_webinar_box_hasrequest_description
{
    color: rgba(44, 45, 46, 0.80);
    text-align: center;

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

.participate_webinar_box_robot_buttons_line
{
    display: flex;
    gap: 12px;
    width: 100%;
}




.participate_webinar_box_step_payment
{
    position: relative;
}
.participate_webinar_box_payment_content
{
    min-height: 100px;
}


.participate_webinar_box_payment_content_robokassa
{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    font-size: 20px;
}


.participate_webinar_box_spinner
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:none;
    background-color: rgba(0, 0, 0, 0.5);
}

.participate_webinar_box_payments_item
{
    border: 1px solid #ccc;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 10px;
    cursor: pointer;
}

.participate_webinar_box_payments_item_top
{
    display: flex;
    align-items: center;
}
.participate_webinar_box_payments_item_top_logo
{
    height: 50px;
    width: 100px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center left;
}
.participate_webinar_box_payments_item_top_name
{
    margin-left: 20px;
    font-size: 16px;
    font-weight: bold;
}
.participate_webinar_box_payments_item_description
{

}


.crop_image_form_box_outer
{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1000;
    display:none;
}
.crop_image_form_box
{
    width: 80%;
    background-color: #fff;
    position: absolute;
    top: 10%;
    height: 80%;
    left: 50%;
    margin-left: -40%;
    z-index: 1001;
}
.crop_image_form_box_inner
{
    position: relative;
    width: 100%;
    height: 100%;
}


.crop_image_form_header_box
{
    height:40px;
}
.crop_image_form_header_box > p
{
    color:#000;
    font-family: mybold;
    font-size: 17pt;
    margin:0;
    padding-top: 10px;
}
.crop_image_text_input
{
    height:40px;
    width:100%;
    padding-left:10px;
    border-style: none;
}

.crop_image_form_button
{
    float:right;
    width: 140px;
    height:40px;
    background-color: #535c69;

}
.crop_image_form_button > p
{
    color:#fff;
    font-family: mybold;
    font-size: 12pt;
    margin-top: 2px;
}
.crop_image_form_check_p
{
    color: #000;
    padding-top:5px;
}
.crop_image_close
{
    position:absolute;
    right:15px;
    top:15px;
    background-image:url(images/templates/icon_close.png);
    width:19px;
    height:19px;
    cursor:pointer;
    z-index: 10;
}
.crop_image_close > a
{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    text-decoration:none;
    z-index:10;
    background-color:white;
    opacity: 0;
    filter: alpha(opacity=1);
}

.crop_image_bottom_box
{
    position:absolute;
    bottom:0;
    padding-right: 10px;
    padding-bottom:5px;
    width: 100%;
}

.cropper_img_container
{
    width: 100%;
    position: absolute;
    top: 50px;
    left: 10px;
    right: 10px;
    bottom: 50px;
}

.cropper_img_container > img
{
    height:100%;
}

.crop_image_wh_container
{
    position:absolute;
    top: 20px;
    left:50%;
    margin-left:-100px;
    width:200px;
}

.crop_image_wh_line
{
    float:left;
    width:100px;
}

.crop_image_wh_line > p
{
    color:#000;
}
.crop_image_form_rotator
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:none;
    background-color: rgba(0, 0, 0, 0.2);
}
.crop_preview
{
    width: 150px;
    height: 100px;
    overflow: hidden;
    position: absolute;
    left: 10px;
    top: 50px;
}
.crop_preview > img
{
    height:100%;
}


.cropper_paste_form_disabled
{
    background-color: rgba(0, 0, 0, 0.2);
}


/*----------------------------------------------------------------------------*/


















.mywysbtn
{
    color:#000;
    padding: 2px 5px !important;
}
.mywysbtn:hover
{
    background-color:#aaaaaa;
}

.wys_buttons_box
{
    color: #000 !important;
}
.wys_group
{
    margin-left: 0 !important;
}

.wys_editor {
	max-height: 250px;
	height: 250px;
	background-color: #f6f6f6;
	border-collapse: separate;
	border: 1px solid rgb(204, 204, 204);
	padding: 4px;
	box-sizing: content-box;
	-webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
	box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
	border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
	overflow-y: scroll;
        overflow-x: hidden;
	outline: none;
}

.wis_link_accept_box
{
    width:250px;
}
.wis_link_accept_button
{
    width: 90%;
    margin: 5% 0 0 5%;
}
.wis_link_accept_input
{
    height: 30px;
    margin-left: 5%;
    margin-right: 5%;
    width: 90%
}

.inputPictureBtn
{
   opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 31px;
    height: 34px;
    cursor:pointer;
}


.footer_box
{
    position: relative;
    padding: 20px 40px 20px 40px;
    background-color: #f5f5f5;
}

.footer_links_box > div
{
    float:left;
    margin-right:30px;
}

.footer_links_box > div > a
{
    color: #4b4b4b;
    text-decoration:underline;
}

.footer_icon_box
{
    background-image: url(images/templates/left_top_icon.png);
    background-repeat: no-repeat;
    width:276px;
    height:40px;
    margin-left:30px;
}

.bottom-pruffme-box
{
    background-image: url(images/templates/icon_bottom_black.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 30px;
    float: left;
    margin-right: 30px;
    margin-top: 5px;
}

.footer_bottom_box
{
    margin-top:20px;
    margin-bottom:40px;
}

.move_to_top
{
    position:absolute;
    background-image: url(images/templates/bottom_move_top.png);
    background-repeat: no-repeat;
    width:56px;
    height:56px;
    top:20px;
    right:20px;
    cursor:pointer;
}




#full_screen_box
{
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:10000;
    background-color: rgba(0, 0, 0, 0.8);
    display:none;
}

.full_screen_box_spinner {
    color: #fff;
    font-size: 10px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    text-indent: -9999em;
    animation: mulShdSpin 1.3s infinite linear;
    transform: translateZ(0) translateX(-50%) translateY(-50%);

    position: absolute;
    top: 50%;
    left: 50%;
  }

  @keyframes mulShdSpin {
    0%,
    100% {
      box-shadow: 0 -3em 0 0.2em,
      2em -2em 0 0em, 3em 0 0 -1em,
      2em 2em 0 -1em, 0 3em 0 -1em,
      -2em 2em 0 -1em, -3em 0 0 -1em,
      -2em -2em 0 0;
    }
    12.5% {
      box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em,
      3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em,
      -2em 2em 0 -1em, -3em 0 0 -1em,
      -2em -2em 0 -1em;
    }
    25% {
      box-shadow: 0 -3em 0 -0.5em,
      2em -2em 0 0, 3em 0 0 0.2em,
      2em 2em 0 0, 0 3em 0 -1em,
      -2em 2em 0 -1em, -3em 0 0 -1em,
      -2em -2em 0 -1em;
    }
    37.5% {
      box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
       3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em,
       -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }
    50% {
      box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
       3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em,
       -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }
    62.5% {
      box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
       3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0,
       -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
    }
    75% {
      box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em,
      3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em,
      -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
    }
    87.5% {
      box-shadow: 0em -3em 0 0, 2em -2em 0 -1em,
      3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em,
      -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
    }
  }

.tooltip {
    display:none;
    position:absolute;
    border:1px solid #333;
    background-color:#000000;
    opacity:1;
    border-radius:5px;
    padding: 5px 15px;
    color:#fff;
    font-size:13px;
    z-index:999999;
    box-shadow: 0 3px 6px 0px rgb(0 0 0 / 16%)
}
.my_tooltip {
    display:none;
    position:absolute;
    border:1px solid #333;
    background-color:#000000;
    opacity:1;
    border-radius:5px;
    padding: 5px 15px;
    color:#fff;
    font-size:13px;
    z-index:999999;
    box-shadow: 0 3px 6px 0px rgb(0 0 0 / 16%)
}





/*          checkbox        */

.any-check-line-box
{
    width:24px;
    height:24px;
}
.any-check-line-box.small_20
{
    width:20px;
    height:20px;
}

.any-check-line-box input[type="checkbox"] {
    display:none;
}

.any-check-line-box label {
    background-image:url(images/templates/check-button-off.png);
    background-repeat: no-repeat;
    display:inline-block;
    padding: 0 13px;
    margin-bottom:0;
    font-size:24px;
    height:24px;
    cursor:pointer;
}

.small_20 .any-check-line-box label
{
    background-size: contain;
    height:20px;
}

.any-check-line-box input[type="checkbox"]:checked + label {
    background-image:url(images/templates/check-button-on.png);
    background-repeat: no-repeat;
}

.response_is_correct .any-check-line-box label
{
    background-image:url(images/templates/check-button-off-correct.png);
}
.response_is_correct .any-check-line-box input[type="checkbox"]:checked + label
{
    background-image:url(images/templates/check-button-on-correct.png);
}
.response_is_incorrect .any-check-line-box label
{
    background-image:url(images/templates/check-button-off-incorrect.png);
}
.response_is_incorrect .any-check-line-box input[type="checkbox"]:checked + label
{
    background-image:url(images/templates/check-button-on-incorrect.png);
}

.any-check-line-box-parent
{
    display: flex;
    align-items: center;
}

.any-check-line-box-description
{
    line-height: 24px;
    margin: 0;
    margin-left: 10px;
}

/*          checkbox blue-checkbox        */
input[type=checkbox].blue-checkbox {
    position:absolute;
    z-index:-1000;
    left:-1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height:1px;
    width:1px;
    margin:-1px;
    padding:0;
    border:0;

}

input[type=checkbox].blue-checkbox + label.blue-label-check,
input[type=checkbox].blue-checkbox + label.blue-label-check.clr {
        padding-left:30px;
        height:26px;
        display:inline-block;
        line-height:26px;
        background-repeat:no-repeat;
        background-position: 0 0;
        background-size: contain;
        font-size:13px;
        vertical-align:middle;
        cursor:pointer;
		margin: 0;

}

input[type=checkbox].blue-checkbox:checked + label.blue-label-check,
input[type=checkbox].blue-checkbox + label.blue-label-check.chk {
    background-image:url(images/templates/checkbox_icon_selected.svg);
}
label.blue-label-check {
    background-image:url(images/templates/checkbox_icon_unselected.svg);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/*          checkbox  blue-round-checkbox        */
input[type=checkbox].blue-round-checkbox {
    position:absolute;
    z-index:-1000;
    left:-1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height:1px;
    width:1px;
    margin:-1px;
    padding:0;
    border:0;

}

input[type=checkbox].blue-round-checkbox + label.blue-round-label-check,
input[type=checkbox].blue-round-checkbox + label.blue-round-label-check.clr {
        padding-left:30px;
        height:30px;
        display:inline-block;
        line-height:30px;
        background-repeat:no-repeat;
        background-position: 0 0;
        background-size: contain;
        font-size:13px;
        vertical-align:middle;
        cursor:pointer;
		margin:0;

}

input[type=checkbox].blue-round-checkbox:checked + label.blue-round-label-check,
input[type=checkbox].blue-round-checkbox + label.blue-round-label-check.chk {
    background-image:url(images/templates/radio_icon_selected.svg);
}
label.blue-round-label-check {
    background-image:url(images/templates/radio_icon_unselected.svg);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}








/* ----------------------- label green box -------------------*/

.green-checkbox-line
{
    display: flex;
    align-items: center;
}

.green-checkbox-line-label
{
    margin:0;
    padding:0;
    padding-left:10px;
}

input[type=checkbox].green-checkbox {
    position:absolute;
    z-index:-1000;
    left:-1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height:1px;
    width:1px;
    margin:-1px;
    padding:0;
    border:0;

}

input[type=checkbox].green-checkbox + label.green-label-check,
input[type=checkbox].green-checkbox + label.green-label-check.clr {
    padding-left: 42px;
    height: 24px;
    display: inline-block;
    line-height: 24px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    font-size: 13px;
    vertical-align: middle;
    cursor: pointer;
    margin: 0;

}

input[type=checkbox].green-checkbox:checked + label.green-label-check,
input[type=checkbox].green-checkbox + label.green-label-check.chk {
    background-image:url(images/templates/toggle_tap.svg);
}
label.green-label-check {
    background-image:url(images/templates/toggle_static.svg);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}












/**/

.blue_radio input[type="radio"] {
    display:none;
}

.blue_radio label {
    background-image: url(images/templates/radio_icon_unselected.svg);
    background-repeat: no-repeat;
    display: inline-block;
    padding: 0;
    font-size: 16px;
    line-height: 45px;
    padding-left: 40px;
    background-size: 30px;
    background-position: left;
    cursor:pointer;
}

.blue_radio input[type="radio"]:checked + label {
    background-image:url(images/templates/radio_icon_selected.svg);
    background-repeat: no-repeat;
}













/*          checkbox        */
input[type=checkbox].css-checkbox
{
    display:none;
}


input[type=checkbox].css-checkbox + label.css-label-check,
input[type=checkbox].css-checkbox + label.css-label-check.clr {
        padding-left:30px;
        height:30px;
        display:inline-block;
        line-height:30px;
        background-repeat:no-repeat;
        background-position: 0 0;
        font-size:13px;
        vertical-align:middle;
        cursor:pointer;
        float: left;
		margin-right: 10px;
		margin-top: 0;

}

input[type=checkbox].css-checkbox:checked + label.css-label-check,
input[type=checkbox].css-checkbox + label.css-label-check.chk {
    background-position: 0 -30px;
}
label.css-label-check {
    background-image:url(images/templates/checkbox.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*          radio        */

.radio_line_box input[type="radio"] {
    display:none;
}

.radio_line_box label {
    /*background-image: url(images/templates/radio_icon_unselected.svg);*/
    background-image:url(images/templates/radio_minus.png);
    background-repeat: no-repeat;
    display: inline-block;
    padding: 0;
    font-size: 16px;
    line-height: 45px;
    padding-left: 40px;
    background-size: 30px;
    background-position: left;
    cursor:pointer;
}

.radio_line_box input[type="radio"]:checked + label {
    /*background-image:url(images/templates/radio_icon_selected.svg);*/
    background-image:url(images/templates/radio_plus.png);
    background-repeat: no-repeat;
}






.yes_no_popup_form_box_outer
{
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;

    z-index: 1500;
}
.yes_no_popup_form_box_background
{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1000;
}

.yes_no_popup_form_box
{
    max-width: 400px;
    width: 100%;

    background-color: #fff;
    position:absolute;
    left: 50%;
    top: 50%;
    z-index: 1001;
    border-radius:5px;

    transform: translate(-50%, -50%);
}


.yes_no_popup_form_box_inner
{
    padding: 20px;
    position:relative;
    width:100%;
    padding-top: 50px;
}

.yes_no_popup_form_box_message
{
    text-align:center;
    color:#000;
    font-size:16pt;
    margin-bottom: 30px;
}

.yes_no_popup_form_box_message_description
{
    text-align:justify;
    color:#000;
    font-size:14pt;
    margin-bottom: 30px;
    font-family:NotoSans;
    padding: 0 10px 0 10px;
    display: none;
}


.yes_no_popup_form_close
{
    position:absolute;
    right:15px;
    top:15px;
    background-image:url(images/templates/icon_close.png);
    width:19px;
    height:19px;
    cursor:pointer;
}
.yes_no_popup_form_close > a
{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    text-decoration:none;
    z-index:10;
    background-color:white;
    opacity: 0;
    filter: alpha(opacity=1);
}
.yes_no_popup_form_box_buttons
{
    width:100%;
    height:50px;
}
.yes_no_popup_form_box_buttons > div
{
    width:50%;
    padding-left:10px;
    padding-right:10px;
    float:left;
}

.yes_no_popup_button_yes
{
    width: 100%;
    height:40px;
    background-color: #1675BD;
    border-radius: 5px;

    color:#fff;

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

    transition: opacity 0.2s ease-in-out;
}
.yes_no_popup_button_yes:hover {
    opacity: 0.8;
}

.yes_no_popup_button_no
{
    width: 100%;
    height:40px;

    border: 1px solid #EEEEEE;
    border-radius: 5px;

    color:#000000;

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

    transition: background-color 0.2s ease-in-out;
}
.yes_no_popup_button_no:hover {
    background-color: #F8F8F8;
}

.yes_no_popup_button_ok
{
    background-color: #2c74ab;
    border-radius: 15px;
    color: #fff;
    width: 200px;
    margin-left: calc(50% - 100px);
    height: 30px;
    text-align: center;
    line-height: 30px;
}


.pruffme_confirm_popup-content {
    width: 400px;
}

.pruffme_confirm_popup-inner {
    padding: 20px;
}

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

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

}

.pruffme_confirm_popup-actions {
    display: flex;
    gap: 12px;
    margin-top: 20px;
}



.popup_read_message_box
{
    width: 100%;
    height: 100%;
    height: 200px;
    position:relative;
    margin-bottom:20px;
}
.popup_read_message_box_from
{
    font-weight:bold;
    font-family:mybold;
    color:#757575;
    font-size:12pt;
}
.popup_read_message_box_inner
{
    background-color: #fff;
    position:absolute;

    top:30px;
    left:0;
    right:0;
    bottom:0;
    padding: 10px;
}

.popup_read_form_close
{
    position:absolute;
    right:15px;
    top:15px;
    background-image:url(images/templates/icon_close.png);
    width:19px;
    height:19px;
    cursor:pointer;
}
.popup_read_form_close > a
{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    text-decoration:none;
    z-index:10;
    background-color:white;
    opacity: 0;
    filter: alpha(opacity=1);
}

.pruffme_ya_support_popup {
    display: flex;
}

.pruffme_ya_support_popup_content {
    display: flex;
    flex: 1;
}

.pruffme_ya_support_popup_wrapper {
    position: relative;

    height: 1000px;
    max-height: 90vh;

    width: 800px;
    max-width: 90vw;

    display: flex;
    overflow: hidden;
    border-radius: 10px;
}

.pruffme_ya_support_iframe {
    width: 100%;
    flex: 1;
}

.send_message_form_header_box
{
    height:40px;
}
.send_message_form_header_box > p
{
    color:#fff;
    font-family: mybold;
    font-size: 15pt;
    margin:0;
    text-align: center;
}

.send_message_inner_line
{
    width:100%;
    margin-bottom:20px;
}

.send_message_input
{
    height:40px;
    width:100%;
    padding-left:10px;
    border-style: none;
}
.send_message_textarea
{
    height:100px;
    width:100%;
    border-style: solid;
    resize: none;

    outline: none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding:10px;
}


.refister_full_row_padding
{
    width:100%;
    padding-left:15px;
    padding-right:15px;
    margin-bottom:10px;
}





















.popup_media_selector_box_full
{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:none;
    z-index: 500;
}
.popup_media_selector_box_outer
{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color: rgba(0, 0, 0, 0.8);
}
.popup_media_selector_box
{
    position:fixed;
    top:10%;
    width:90%;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    background-color: #fff;
    padding:10px;
    z-index:1;

    height:500px;
    max-height:80%;
    overflow:hidden;

}

.popup_media_selector_box_header
{
    padding-left:10px;
}

.popup_media_selector_box_header > p
{
    font-weight:bold;
    font-family:mybold;
    font-size:14pt;
}

.popup_media_selector_box_static
{
    background-color: #fff;
    position: absolute;
    top: 80px;
    left: 20px;
    right: 20px;
    bottom: 60px;
    overflow: hidden;
}
.popup_media_selector_box_inner
{
    width:100%;
    height:100%;
    overflow:hidden;
}

.popup_media_selector_image_box
{
    overflow: hidden;
    border-style: solid;
    border-width: thin;
    float: left;
    margin: 10px;
    position:relative;
}

.popup_media_selector_type_select_logo
{
    width: 330px;
    height: 185px;
}

.popup_media_selector_type_select_user_logo
{
    width: 150px;
    height: 150px;
}

.popup_media_selector_type_select_video
{
    width: 280px;
    height: 200px;
}

.popup_media_selector_image_description_box
{
    overflow:hidden;
    padding-left:5px;
}
.popup_media_selector_image_description_box > p
{
    width:100%;
    height:40px;
    line-height:40px;
}

.popup_media_selector_image_description_box.hidden
{
    display:none;
}

.popup_media_selector_image_highlight
{
    border-style: solid;
    border-width: 3px;
    border-color: #6070F7;
}


.popup_media_selector_image_box > img
{
    height:100%;
}
.popup_media_selector_image_box.popup_media_selector_type_select_video > img
{
    height:160px;
}

.popup_media_selector_image_box > p
{
    position: absolute;
    bottom: 2px;
    right: 5px;
    font-weight: bold;
    color: #59b200;
    margin: 0;
    font-family: mybold;
    font-size: 14pt;
}
.popup_media_selector_image_drop
{
    background-image: url(images/webinar/icon_close.png);
    width:17px;
    height:17px;
    position:absolute;
    top:4px;
    right:4px;
    cursor: pointer;
    display:none;
}
.popup_media_selector_image_drop > a
{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    text-decoration:none;
    z-index:10;
    background-color:white;
    opacity: 0;
    filter: alpha(opacity=1);
}

.popup_media_selector_image_box:hover .popup_media_selector_image_drop
{
    display:block;
}



.popup_media_selector_video_box
{
    width:100%;
    height:75px;
    padding:5px;
    position:relative;
    cursor:pointer;
}
.popup_media_selector_video_box:hover
{
    background-color:#eeeeee;
}
.popup_media_selector_video_box:hover .popup_media_selector_video_drop
{
    display:block;
}

.popup_media_selector_video_box_img
{
    height:100%;
    width:110px;
    overflow:hidden;
    border-style: solid;
    border-width: 1px;
}

.popup_media_selector_video_box_img > img
{
    height:100%;
}

.popup_media_selector_video_drop
{
    background-image: url(images/webinar/icon_close.png);
    width:17px;
    height:17px;
    position:absolute;
    top: 20px;
    right: 15px;
    cursor: pointer;
    display:none;
}
.popup_media_selector_video_drop > a
{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    text-decoration:none;
    z-index:10;
    background-color:white;
    opacity: 0;
    filter: alpha(opacity=1);
}
.popup_media_selector_video_description_box
{
    position:absolute;
    left:130px;
    top:10px;
    right:10px;
    bottom:10px;
    overflow:hidden;
}
.popup_media_selector_video_description_box > p
{
    width:100%;
    line-height:40px;
}


.medias_opened_list_box
{
    width: 100%;
    height:25px;
    margin-top:10px;
    padding-left:10px;
    padding-right:0;
    position: relative;
    clear:both;
}

.popup_media_selector_item_converted
{
    background-image: url(images/templates/accepted_check_17.png);
    background-position: 0 0px;
    background-repeat: no-repeat;
    width:18px;
    height:18px;
    position:absolute;
    bottom:5px;
    left:100px;

}










.box_for_upload
{
    border-color:#ff5555;
    border-width:4px;
}


.popup_media_selector_inner_bottom_box
{
    position:absolute;
    left:20px;
    right:50px;
    bottom:10px;
    height:40px;
}

.popup_media_selector_button_video
{
    float: left;
    height: 40px;
    cursor:pointer;
    margin-right:20px;
}
.popup_media_selector_button_video > p
{
    text-decoration:underline;
}




.popup_media_selector_button_video_box
{
    display:none;
}


.popup_media_selector_button
{
    float:left;

    height:40px;

}
.popup_media_selector_button > label
{
    padding-top: 3px;
    color: #535c69;
    text-decoration:underline;
    cursor:pointer;
    width: 100%;
    height: 100%;
}

.popup_media_selector_button > label > span
{
    color: #bbb;
}

.popup_media_save_button
{
    float:right;
    width: 200px;
    height:40px;
    /*background-color: #59B200;
    cursor:pointer; */
}
.popup_media_cancel_button
{
    float:right;
    height:40px;
    cursor:pointer;
    margin-left:20px;
    margin-right:20px;
    padding-top: 9px;
}
.popup_media_cancel_button > p
{
    color:#535c69;
    text-decoration:underline;
}


.popup_media_save_button > p
{
    padding-top: 3px;
    color: #fff;
    cursor:pointer;
}
.popup_media_close
{
    position:absolute;
    right:15px;
    top:15px;
    background-image:url(images/templates/icon_close.png);
    width:19px;
    height:19px;
    cursor:pointer;
}


.popup_media_close > a
{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    text-decoration:none;
    z-index:10;
    background-color:white;
    opacity: 0;
    filter: alpha(opacity=1);
}

.popup_media_uploader_message_box
{
    position: absolute;
    bottom: 55px;
    height: 30px;
    left: 15px;
    right: 15px;
}








.payment_type_selector_box_relative
{
    position:relative;
    width:100%;
    height:40px;
}

.payment_type_selector_box
{
    background-image: url(images/templates/dropdown_hamburger.png);
    background-repeat: no-repeat;
    background-position: 12px 12px;
    width: 100%;
    height: 40px;
    background-color: #ffffff !important;
    border:1px solid #ccc;
    border-radius: 0;
    text-align: left;
    padding-left: 40px;
    padding-top: 10px;
    color: #555;
}
.payment_type_selector_box_right
{
    background-image: url(images/templates/dropdown_arrow.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width:26px;
    height:15px;
    position: absolute;
    top: 10px;
    right: 10px;
}
.payment_type_selector_list
{
    width: 100%;
}
.payment_type_selector_list_li
{
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    cursor: pointer;

}

.payment_type_selector_list_li:hover
{
    background-color: #D3D3D2;
    display: block;
}






.dropdown_selector_box_relative
{
    position:relative;
    min-width:150px;
}

.dropdown_selector_box
{
    background-image: url(images/templates/dropdown_categories_icon.png);
    background-repeat: no-repeat;
    background-position: 12px 12px;
    width: 100%;
    height: 40px;
    background-color: #535c69 !important;
    text-align: left;
    padding-left: 40px;
    padding-top: 8px;
    color: #000;
}
.dropdown_selector_box_right
{
    background-image: url(images/add/icon_dropdown.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width:19px;
    height:9px;
    position: absolute;
    top: 10px;
    right: 10px;
}
.dropdown_selector_list
{
    width: 100%;
}
.dropdown_selector_list>li
{
    height:30px;
    cursor:pointer;
    line-height:30px;
    padding-left:10px;

}

.dropdown_selector_list>li:hover
{
    background-color: #59b200;
    display: block;
}







.media_list_item
{
    background-image: url(images/cabinet/dotted_line.png);
    background-position: 0 0px;
    background-repeat: repeat-x;
    width:100%;
    position:relative;
    padding-top:20px;
    padding-bottom:20px;
    padding-left:10px;
    padding-right:10px;
}
.media_list_item.published
{
    background-color: #DFFDCF;
}

.media_list_item_img_box
{
    width:130px;
    height:60px;
    float:left;
    overflow:hidden;
    margin-right:20px;
}
.media_list_item_img_box > img
{
    height:100%;
}
.media_list_item_description_box
{
    float:left;
}
.media_list_item_actions_box
{
    float:right;
    margin-top: 20px;
}

.media_list_item_description_box > a
{
    font-weight:bold;
    font-family:mybold;
    text-decoration:underline;
    color:#000;
}

.media_converted_box
{
    background-image: url(images/templates/accepted_check_17.png);
    background-position: 0 0px;
    background-repeat: no-repeat;
    width:18px;
    height:18px;
    float:left;
    margin-right:20px;
    cursor:pointer;
}
.media_play_box
{
    background-image: url(images/cabinet/play_video_icon.png);
    background-position: 0 0px;
    background-repeat: no-repeat;
    width:21px;
    height:17px;
    float:left;
    margin-right:20px;
    cursor:pointer;
}
.media_drop_box
{
    background-image: url(images/cabinet/drop_icon.png);
    background-position: 0 0px;
    background-repeat: no-repeat;
    width:19px;
    height:19px;
    float:left;
    cursor:pointer;
}

.media_download_box
{
    float:left;
    background-image:url(images/cabinet/icon_min_download.png);
    width:18px;
    height:18px;
    cursor:pointer;
    margin-right:20px;
    position:relative;
}

.media_download_box > a
{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    text-decoration:none;
    z-index:10;
    background-color:white;
    opacity: 0;
    filter: alpha(opacity=1);
}
.media_edit_box
{
    background-image: url(images/cabinet/edit_icon_18.png);
    background-position: 0 0px;
    background-repeat: no-repeat;
    width:18px;
    height:18px;
    float:left;
    margin-right:20px;
    cursor:pointer;
}



.media_list_item_video_box
{
    padding-left:100px;
}
.media_list_item_name
{
    font-weight:bold;
}
.media_list_item_name.published
{
    text-decoration:underline;
    cursor:pointer;
}
.media_list_item_description
{

}


.templates_top_language
{
    margin-top:-3px;
}

.templates_top_language .dropdown-menu
{
    margin-top: 3px !important;
}





/*****  Превью картинок *******/
li.preview{
	list-style:none;
	display:inline;
	margin-right:10px;
}
#preview{
        position:absolute;
        border:1px solid #000;
        background:#333;
        display:none;
        color:#fff;
        z-index: 1000;
}


.img_preview_box
{
    position:absolute;
    border:1px solid #eee;
    background:#FFF;
    display:none;
    color:#fff;
    z-index: 1000;
}




.help-collapsed-item
{
    margin-bottom: 20px;
}

.help-collapsed-item > a
{
    font-size: 13pt;
    font-family: sans-serif;
    text-decoration: underline;
    cursor: pointer;
}

.help-collapsed-item .content
{
    margin-top:20px;
    display: none;
    font-size: 12pt;
    font-family: sans-serif;
    color: #555;
}
.help-collapsed-item .content > iframe
{
    width:100%;
    height:300px;
    max-width:500px;
}






.youtube_start_need_click_box
{
    position:absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;*/

    background-color:#000;
    opacity:0.8;
    z-index: 1000000;
}


.youtube_starter_need_click_box
{
    width: 300px;
    height: 40px;
    position: fixed;
    top: 10px;
    left: calc(50% - 150px);
    background-color: #00ff727a;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #064424;
}


.youtube_start_need_click_box > p
{
    color:#fff;
    text-align:center;
    position:absolute;
    top:100px;
    font-size:20px;
    width: 100%;
}




.im_message_form_box_inner
{

}

.im_message_header
{
    font-size: 13pt;
    font-weight: bold;
    margin-bottom: 25px;
    margin-top: 15px;
}
.im_message_logo_box
{
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 25px;
    float:left;
    margin-right:10px;
}
.im_message_logo_box > img
{
    width:100%;
    height:100%;
}

.im_message_textarea
{
    float:left;
    width:calc(100% - 60px);

    height: 100px;
    border-style: solid;
    resize: none;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 10px;
}

.im_message_form_button
{
    float: right;
    width: 140px;
    height: 35px;
    line-height: 35px;
    background-color: #2c74ab;
    margin-top: 20px;
    border-radius: 20px;
    color: #fff;
    font-size: 15px;
    text-align: center;
    padding:0;
}


@media (max-width: 768px) {
    .im-popup-message-box {
        right: 0;
    }
    .im_filter_container {
        display: none;
    }
    .im-popup-message-box {
        right: 0 !important;
    }
}













.outer-center {
    float: right;
    right: 50%;
    position: relative;
}
.inner-center {
    float: right;
    right: -50%;
    position: relative;
}

.clear
{
    clear:both;
}
.clear_both
{
    clear:both;
}
.float_right
{
    float:right !important;
}



@media all and (max-width: 600px) {
    .send_message_form_box,
    .register_form_box,
    .restor_form_box
    {
        width:80%;
        left:10%;
        margin:0;
    }
}








.rub {
  display: inline-block;
  line-height: 5px;
  border-bottom: 1px solid #656d79;
  width: 0.4em;
  margin-right: 10px;
}



/*.ps-scrollbar-y-rail
{
    top: 0 !important;
    right: 0 !important;
    overflow:hidden;
}*/
.ps-scrollbar-x-rail
{
    left: 0 !important;
    bottom: 0 !important;
}
.ps-scrollbar-y
{
    min-height:30px;
}




.nologin
{
   display:none;
}
.haslogin
{
    display:none;
}

.row
{
    margin-right:0 !important;
    margin-left:0 !important;

}

.margin-bottom-20
{
    margin-bottom:20px;
}
.margin-top
{
    margin-top:20px;
}


.language_menu_list
{
    width:24px;
    height:24px;
    background-repeat: no-repeat;
    margin-top: 0px;
    line-height: 30px;
}

.language_menu_list_text
{
    float: left;
    margin-right: 10px;
    line-height: 40px;
}
.language_menu_list.min{
    float:left;
}

.flag_ru
{
    background-image: url(images/flags/ru.png);
}
.flag_en
{
    background-image: url(images/flags/en.png);
}
.flag_de
{
    background-image: url(images/flags/de.png);
}
.flag_fr
{
    background-image: url(images/flags/fr.png);
}
.flag_es
{
    background-image: url(images/flags/es.png);
}
.flag_pt
{
    background-image: url(images/flags/pt.png);
}
.language_menu_list_item
{
    width:100%;
    padding-left:30px;

    cursor:pointer;
}

.disable-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.navbar-header.minimizing
{
    display:none;
}


.im-popup-message-container
{
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
}

.im-popup-message-box
{
    width: 320px;
    position: fixed;
    min-height: 100px;
    padding:20px;
    right: 20px;
    bottom: -200px;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1000;
    display: flex;
}

.im-popup-header
{
    color:#fff;
}

.im-popup-icon-box
{
    width: 50px;
    height: 50px;
    border-radius: 5px;
    margin-right: 10px;
    overflow: hidden;
    background-size: contain;
    background-repeat: no-repeat;
}
.im-popup-icon-box > img
{
    width:100%;
    height:100%;
}

.im-popup-content-box
{
    float:left;
    width: calc(100% - 60px);
}
.im-popup-name
{
    color: #fff;
    font-weight: bold;
    margin: 0;
    margin-bottom: 10px;
}
.im-popup-message
{
    color: #bbb;
    word-break: break-all;
}

.im-popup-message > a
{
    color: #fefefe;
}

.im-popup-close
{
    background-image: url(images/templates/icon_close_small_10.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}





/*
.popup_photo_page_fix
{
    overflow: hidden;
    max-height: 200px;
}
.popup_photo_page_hide
{
    display:none;
}


.popup_photo_cropper_box
{
    position:fixed;
    width:660px;
    top:50px;
    bottom:50px;
    left:calc(50% - 330px);
    background-color: #fff;
    z-index:1001;
}
.popup_photo_cropper_dashboard_outer
{
    width:100%;
    height: calc(100% - 120px);
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;
}
.popup_photo_cropper_dashboard
{
    width:100%;
    height: 100%;
}

.popup_photo_cropper_dashboard > img
{
    max-width: 100%;
}

.popup_photo_cropper_bottom
{
    height:60px;
    width:100%;
}
.popup_photo_cropper_bottom_label
{
    float: left;
    margin-left: 20px;
    margin-top: 15px;
    line-height: 30px;

}

.fixed_all_popup_history > div
{
    position:fixed;
}

*/

.dialogs_poput_box_inner
{
    position: absolute;
    top:10vh;
    bottom: 10vh;

    padding:0;
    margin:0;

    width:calc(100% - 100px);
    left:50px;

    background-color: #fff;

    z-index: 1001;
}

.dialogs_poput_box_inner.is_dialog_selector
{
    width: var(--popup-audio-selector-width);
    left:calc(50% - var(--popup-audio-selector-width-half));
}
.dialogs_poput_box_inner.is_dialog_selector  .popup_photo_selector_header_line
{
    width: var(--popup-audio-selector-width);
}
.dialogs_poput_box_inner.is_dialog_selector  .popup_photo_selector_add_line
{
    width: var(--popup-audio-selector-width);
}
.dialogs_poput_box_inner.is_dialog_selector .popup_photo_selector_bottom_fix
{
    width: var(--popup-audio-selector-width);
}
.dialogs_poput_box_inner.is_dialog_selector .popup_photo_selector_container
{
    grid-template-areas: "a";
    grid-gap: 10px;
    grid-auto-rows: 60px;

    padding-left: 0;
    padding-right: 0;

    max-height: 60vh;
    overflow: auto;
}
.dialogs_poput_box_inner.is_dialog_selector .messages-dialog-list-item-text
{
    max-width: calc(var(--popup-audio-selector-width) - 180px);
    text-overflow: ellipsis;
}
.dialogs_poput_box_inner.is_dialog_selector .messages-dialog-list-item:hover
{
    background-color: #F5F9FB;
}

.dialogs_fixed_all_body_children > div
{
    position:fixed;
}

.dialogs_fixed_all_body_children .popup_photo_selector_box_outer
{
    position: inherit;
}

.dialogs_fixed_all_body_children .player_audio_form_box_outer
{
    position: absolute;
}

.popup-dialog-spinner-container {
    position: relative;
    height: 60px;
}


/* NEW IMAGE POPUP */
.popup-v2_media_preview_popup {
    position: absolute;
    top: 5vh;
    bottom: 5vh;
    left: 50%;

    transform: translateX(-50%);

    aspect-ratio: 16/9;
    width: 100%;
    max-width: 90vw;
    max-height: 90vh;
    overflow: hidden;

    z-index: 1000;
}

.popup-v2_media_preview_popup_inner {
    --swiper-navigation-color: #FFFFFF;
    position: relative;

    width: 100%;
    height: 100%;

    background-color: #232323;
}

.popup-v2_media_preview_btn {
    width: 30px;
    height: 30px;

    background-color: rgba(0, 0, 0, 0.3);
    background-position: center;
    background-repeat: no-repeat;

    border: none;
    border-radius: 15px;
    cursor: pointer;

    transition: all 0.2s ease-in-out;

    z-index: 1;
}

.popup-v2_media_preview_btn.preview-btn-close {
    position: absolute;
    right: 10px;
    top: 10px;

    background-image: url(images/cabinet/popup/icon_close_white.svg);
}

.popup-v2_media_preview_btn.preview-btn-fullscreen {
    position: absolute;
    right: 10px;
    bottom: 10px;

    background-image: url(images/cabinet/popup/icon_fullscreen.svg);
}

.popup-v2_media_preview_btn:hover {
    background-color: rgba(0, 0, 0, 1);
}

.popup-v2_media_preview_content {
    display: flex;
    justify-content: center;
    align-items: center;

    width: 100%;
    height: 100%;
}

.popup-v2_media_preview_image {
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup-v2_media_preview_image>canvas,
.popup-v2_media_preview_image>img,
.popup-v2_media_preview_image>svg {
    /*max-height: inherit !important;
    max-width: inherit !important;*/

    -webkit-user-drag: none;
    user-drag: none;

    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.popup-v2_media_preview_outer {
    width: 100%;
    height: 100%;

    overflow: hidden;
}

.popup-v2_media_preview_slide-btn {
    mix-blend-mode: difference;
}

/* DURATION PLAYER */

.template_duration-player_outer {
    width: 100%;
}

.template_duration-player_inner {
    display: flex;
    align-items: center;
}

.template_duration-player_duration-text {
    display: flex;
    justify-content: center;
    align-items: center;

    flex-basis: 100px;
    flex-shrink: 0;
    flex-grow: 0;
}

.template_duration-player_actions_box {
    display: flex;
    justify-content: center;
    align-items: center;

    flex-basis: 50px;
    flex-shrink: 0;
    flex-grow: 0;
}

.template_duration-player_action-btn {
    width: 40px;
    height: 40px;

    border: none;
    border-radius: 5px;

    margin: 0;
    padding: 5px;

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

.template_duration-player_action-icon {
    width: 100%;
    height: 100%;

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

.template_duration-player_duration-box {
    display: flex;
    align-items: center;

    flex-grow: 1;
    overflow: hidden;
}

.template_duration-player_duration-line {
    position: relative;
    width: 100%;
    height: 4px;

    border-radius: 4px;

    background-color: #EEEEEE;
}

.template_duration-player_duration-line-over {
    position: absolute;
    top: 0;
    left: 0;

    height: 100%;

    border-radius: 4px;

    background-color: #1375BE;
}

.template_duration-player_outer[data-player-state='play'] .template_duration-player_action-icon {
    background-image: url(images/cabinet/popup/icon_stop.svg);
}

.template_duration-player_outer[data-player-state='play'] .template_duration-player_action-btn {
    background-color: #FAE3E3;
}

.template_duration-player_outer[data-player-state='pause'] .template_duration-player_action-icon {
    background-image: url(images/cabinet/popup/icon_play_white.svg);
}

.template_duration-player_outer[data-player-state='pause'] .template_duration-player_action-btn {
    background-color: #B8B8B8;
}

/* NEW POPUP */

.popup_photo_page_fix
{
    overflow: hidden;
    max-height: 200px;
}
.popup_photo_page_hide
{
    display:none;
}


.popup_photo_cropper_box
{
    position:fixed;
    width:660px;
    top:50px;
    bottom:50px;
    left:calc(50% - 330px);
    background-color: #fff;
    z-index:1001;
}
.popup_photo_cropper_dashboard_outer
{
    width:100%;
    height: calc(100% - 120px);
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;
}
.popup_photo_cropper_dashboard
{
    width:100%;
    height: 100%;
}

.popup_photo_cropper_dashboard > img
{
    max-width: 100%;
}

.popup_photo_cropper_bottom
{
    height:60px;
    width:100%;
}
.popup_photo_cropper_bottom_label
{
    float: left;
    margin-left: 20px;
    margin-top: 15px;
    line-height: 30px;

}





:root {
    --popup-default-width:900px;
    --popup-default-width-half:450px;

    --popup-photo-selector-width:900px;
    --popup-photo-selector-width-half:450px;

    --popup-audio-selector-width:600px;
    --popup-audio-selector-width-half:300px;
}


.any_popup-v2_box_outer {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    position: fixed;

    z-index: 1000;
}

.any_popup-v2_box_inner {
    position: absolute;
    top: 5vh;
    bottom: 5vh;

    display: flex;
    flex-direction: column;

    width: var(--popup-default-width);
    left: calc(50% - var(--popup-default-width-half));

    padding: 0;

    border-radius: 5px;

    background-color: #FFFFFF;

    z-index: 1000;

    box-shadow: 0px 3px 36px #00000029;
}

.any_popup-v2_box_inner.auto-h {
    bottom: auto;
}

.any_popup-v2_box_inner.auto-w {
    width: auto;
}

.any_popup-v2_box_inner.centered {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.popup_photo_cropper_selector_box_outer  .any_popup-v2_box_inner
{
    border: 1px solid #fff;
}



.any_popup-v2_header_box
{
    position: relative;
    display: flex;
    align-items: flex-end;

    flex-shrink: 0;

    height: 50px;
    width: 100%;

    margin-bottom: 25px;

    padding: 0 20px;

}

.any_popup-v2_header_box.header-centered {
    justify-content: center;
}

.popup_photo_selector_header,
.any_popup-v2_header_label
{
    color: #000000;
    font-weight: 500;
    font-size: 13pt;
    text-transform: uppercase;

    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    margin: 0;
}

.any_popup-v2_content {
    padding: 20px;
    padding-top: 0;
}

.any_popup-v2_close
{
    position:absolute;
    right:20px;
    top:15px;

    width: 30px;
    height: 30px;

    background-image:url(images/cabinet/popup/icon_close.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;

    border: none;
    border-radius: 15px;
    cursor: pointer;

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

.any_popup-v2_close:hover {
    background-color: rgba(0, 0, 0, .05);
    opacity: 1;
}

.any_popup-v2_action-container {
    display: flex;
    justify-content: flex-end;
}

.any_popup-v2_action-button
{
    display: flex;
    justify-content: center;
    align-items: center;

    height: 50px;
    max-width: 256px;
    width: 100%;

    margin: 0;
    padding: 10px;
    margin-left: 10px;

    color: #FFFFFF;
    background-color: #257AFB;

    border: none;
    border-radius: 5px;

    transition: var(--popup-default-transition);
}

.any_popup-v2_action-button:first-child {
    margin-left: 0;
}

.any_popup-v2_action-button.secondary
{
    max-width: 150px;

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

.any_popup-v2_action-button.secondary:hover {
    background-color: #EEEEEE;
}

.any_popup-v2_action-button:hover {
    background-color: #196CE9;
}

.any_popup-v2_action-button[disabled],
.any_popup-v2_action-button[disabled]:hover {
    background-color: #EEEEEE;
    color: #000000;
    opacity: 0.5;
}

@media all and (max-width: 1000px) {
    :root {
        --popup-default-width: calc(100vw - 20px);
    }

    .any_popup-v2_box_inner {
        left: 10px;
    }

    .popup-v2_media_preview_popup {
        width: 90%;
        aspect-ratio: inherit;
    }
}

@media all and (max-width: 500px) {
    .yes_no_popup_form_box {
        width: 90%;
    }
}



:root {
    --popup-line-padding: 20px;
}

.popup_photo_selector_box
{
    --popup-default-transition: all 200ms ease-in-out;

    z-index: 1001;
}

.popup_photo_selector_close
{
    top: 20px;
}

.popup_photo_selector_header_line {
    padding: 0 var(--popup-line-padding);
}

.popup_photo_selector_header,
.any_popup-v2_header_label
{
    color: #000000;
    font-weight: bold;
    font-size: 13pt;
    text-transform: uppercase;

    margin: 0;
}
.popup_photo_selector_add_line
{
    position: relative;

    z-index: 1;

    padding: 0 var(--popup-line-padding);
}

.popup_photo_selector_add_button
{
    display: flex;
    justify-content: center;
    align-items: center;

    width: 100%;
    height: 40px;

    margin: 0;
    padding: 0;

    font-weight: 500;
    font-size: 12px;

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

    overflow: hidden;
    transition: var(--popup-default-transition);
}

.popup_photo_selector_add_button > span {
    padding-right: 10px;
}

.popup_photo_selector_add_button:hover {
    color: #FFFFFF;
    border-color: #1375BE;
    background-color: #1375BE;
}

.popup_photo_selector_expand_button {
    display: none;
    width: 100%;

    height: 30px;

    margin: 0;
    padding: 0;

    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../css/images/cabinet/popup/icon_settings_black.svg);

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

.popup_icon_add {
    background-image: url(../css/images/cabinet/popup/icon_plus.svg);
}

.popup_icon_microphone {
    background-image: url(../css/images/cabinet/popup/icon_micro.svg);
}

.popup_icon_camera-recording {
    background-image: url(../css/images/cabinet/popup/icon_camera_recording.svg);
}

.popup_icon_screen-demonstration {
    background-image: url(../css/images/cabinet/popup/icon_demonstration.svg);
}

.popup_icon_play {
    background-image: url(../css/images/cabinet/popup/icon_play.svg);
}

.popup_icon_select {
    background-image: url(../css/images/cabinet/popup/icon_check_mark_2.svg);
}

.popup_photo_selector_add_button:hover .popup_icon_add {
    background-image: url(../css/images/cabinet/popup/icon_plus_white.svg);
}

.popup_photo_selector_add_button:hover .popup_icon_microphone {
    background-image: url(../css/images/cabinet/popup/icon_micro-hover.svg);
}

.popup_photo_selector_add_button:hover .popup_icon_camera-recording {
    background-image: url(../css/images/cabinet/popup/icon_camera_recording-hover.svg);
}

.popup_photo_selector_add_button:hover .popup_icon_screen-demonstration {
    background-image: url(../css/images/cabinet/popup/icon_demonstration-hover.svg);
}

.popup_photo_selector_icon {
    width: 30px;
    height: 30px;

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

.popup_photo_selector_add_button.left
{
    background:none;
    color: #2c5986;
    line-height: 50px;
    text-align:center;
    margin:0;
    cursor: pointer;
    float:left;
    width:50%;
}
.popup_photo_selector_add_button.right
{
    background:none;
    padding: 0;
    color: #2c5986;
    line-height: 50px;
    text-align:center;
    margin:0;
    cursor: pointer;
    float:left;
    width:50%;
}


.popup_audio_selector_buttons_container,
.popup_photo_selector_video-container {
    display: flex;
    justify-content: center;
    align-items: center;

    background-color: #FFFFFF;
}

.popup_audio_selector_buttons_container > .popup_photo_selector_add_button {
    flex: 1 1 50%;
}

.popup_photo_selector_video-container > .popup_photo_selector_add_button {
    flex: 1 1 25%;
}

.popup_audio_selector_buttons_container > .popup_photo_selector_add_button:not(:first-child),
.popup_photo_selector_video-container > .popup_photo_selector_add_button:not(:first-child) {
    margin-left: 20px;
}


.popup_photo_selector_add_button .camera
{
    background-image: url(images/templates/icon_add_new_photo.png);
    background-repeat: no-repeat;
    background-position: 0 16px;
    width: 20px;
    height: 32px;
    display:inline-block;
}

.popup_video_selector_add_button_box_screen_add
{
    line-height: 20px;
    padding: 0;
    display: inline-grid !important;
}



.screen-hidden-video
{
    position:absolute;
    top:0;
    left:0;
    display: none;
}

.im_chat_dialog_selector_outer {
    width: 480px;
    max-width: 95vw;
    padding-left: 20px;
    height: 80vh;
    height: max-content;
    flex-shrink: 0;
}

.im_chat_dialog_selector_search_box {
    padding: 0 20px;
    padding-bottom: 16px;
    padding-right: 10px;
}

.im_chat_dialog_selector_box {
    margin-right: 10px;
    margin-bottom: 20px;
    position: relative;
}

.im_chat_dialog_selector {
    height: 60vh;
    position: relative;
}

.im_chat_dialog_selector:empty::after {
    content: attr(data-empty-placeholder);
    display: flex;
    justify-content: center;
    align-items: center;

    color: var(--pruffme-text-secondary);

    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}



.popup_photo_selector_container-outer {
    width: 100%;

    padding: var(--popup-line-padding);
    padding-right: 8px;
    overflow: hidden;
    flex-grow: 1;
}

.popup_photo_selector_container
{
    display: grid;

    height: 100%;

    text-align: justify;
    padding-right: 12px;

    grid-template-areas: "a a a";
    grid-gap: 20px;
    grid-auto-rows: 180px;

    overflow: auto;
    overflow: overlay;
}

.popup_photo_selector_container::-webkit-scrollbar {
    width: 4px;
}

.popup_photo_selector_container::-webkit-scrollbar-button {
    height: 0;
    width: 0;
}

.popup_photo_selector_youtube_container{
    padding: 0 20px;
}

.pps_youtube
{
    display:none;
}


.pps_youtube_container {
    bottom: auto;
}


.pps_youtube_label {
    margin-bottom: 10px;
    font-weight: 500;
}

.pps_youtube_label_input
{
    width: 100%;

    padding: 12px 15px;

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





.popup_photo_selector_item
{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

    border-radius: 5px;
}

.popup_photo_selector_item.html_item
{
    background-image: url(images/templates/media_selector_html.svg);
}



.popup_photo_selector_item_attachment_background
{
    display:none;
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}

.popup_photo_selector_item_attachment_icon
{
    display:none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(images/templates/media_selector_attachment_icon.svg);
    cursor: pointer;
    background-size: 45px;
}

.popup_photo_selector_item_duration
{
    position: absolute;
    top: 0;
    right:0;

    padding: 8px 20px;

    border-radius: 0 0 0 5px;

    color: #FFFFFF;
    background-color: rgba(0, 0, 0, 0.7);

    text-align: center;
}
.popup_photo_selector_item_name
{
    position: absolute;
    bottom: 0;

    width: 100%;

    padding: 8px 10px;

    color: #FFFFFF;
    background-color: rgba(0, 0, 0, 0.7);

    text-align: center;
}

.popup_photo_selector_item_selection
{
    display: none;
    justify-content: center;
    align-items: center;

    width:100%;
    height:100%;

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

    background-color: rgba(0, 0, 0, 0.7);

    background-repeat: no-repeat;
    background-position: center;
    background-image: url(images/templates/im/icon_media_remove.svg);

    cursor:pointer;
}

.popup_photo_selector_item_hover
{
    display: flex;
    justify-content: center;
    align-items: center;

    width:100%;
    height:100%;
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;

    opacity: 0;
    transition: var(--popup-default-transition);
}

.popup_photo_selector_item:hover .popup_photo_selector_item_hover
{
    opacity: 1;
}

.popup_photo_selector_item:hover .popup_photo_selector_item_duration
{
    display:none;
}


.popup_photo_selector_item_hover_preview
{
    height: 45px;
    width: 45px;

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(images/cabinet/popup/icon_zoom.svg);

    color: #FFFFFF;
    cursor: pointer;
}


.popup_photo_selector_item_hover_play
{
    height: 45px;
    width: 45px;

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(images/cabinet/popup/icon_play_1.svg);

    color: #FFFFFF;
    cursor: pointer;
}

.popup_photo_selector_item_hover_select
{
    height: 45px;
    width: 45px;

    margin-left: 25px;

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(images/cabinet/popup/icon_check_mark_1.svg);

    color: #FFFFFF;
    cursor: pointer;
}

.popup_photo_selector_item_selection-cancel {
    height: 45px;
    width: 45px;

    padding: 0;
    margin: 0;

    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(images/cabinet/popup/icon_cancel_1.svg);

    border: none;

    color: #FFFFFF;
    cursor: pointer;
}

.popup_photo_selector_item.selected_photo_item .popup_photo_selector_item_selection
{
    display: flex;
}
.popup_photo_selector_item.selected_photo_item .popup_photo_selector_item_hover
{
    display:none;
}

.popup_photo_selector_item.selected_photo_item .popup_photo_selector_item_name,
.popup_photo_selector_item.selected_photo_item .popup_photo_selector_item_duration
{
    display:none;
}



/*.popup_photo_selector_box.is_photo,
.popup_photo_selector_box.is_video,
.popup_photo_selector_box.is_attachment,
.popup_photo_selector_box.is_presentation
{
    width: var(--popup-photo-selector-width);
    left:calc(50% - var(--popup-photo-selector-width-half));
}*/

.popup_photo_selector_box.is_photo .popup_photo_selector_container,
.popup_photo_selector_box.is_video .popup_photo_selector_container,
.popup_photo_selector_box.is_presentation .popup_photo_selector_container
{
    grid-template-areas: "a a a";
    grid-gap: 20px;
    grid-auto-rows: 180px;
}

.popup_photo_selector_box.is_attachment .popup_photo_selector_container
{
    grid-template-areas: "a a a a";
    grid-gap: 20px;
    grid-auto-rows: 140px;
}



.popup_photo_selector_box.is_audio
{
    width: var(--popup-audio-selector-width);
    left:calc(50% - var(--popup-audio-selector-width-half));
}

.popup_photo_selector_box.is_audio .popup_photo_selector_container
{
    grid-template-areas: "a";
    grid-gap: 10px;
    grid-auto-rows: 60px;
}


.popup_external_video_selector_inner {
    width: 450px;
    padding: 0 20px 20px 20px;
}

.popup_external_video_selector_actions {
    padding-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.popup_external_video_selector_description {
    margin-bottom: 8px;
}

.popup_external_video_selector_error {
    padding-top: 10px;
    color: #D63636;
}

@media all and (max-width: 500px) {
    .popup_external_video_selector_inner {
        width: 90vw;
    }
}










.templates-selector .popup_photo_selector_container
{
    grid-template-areas: "a a a a a a";
    grid-auto-rows: 220px;
}
@media all and (max-width:1300px){
    .templates-selector .popup_photo_selector_container {
        grid-template-areas: "a a a a a a";
    }
}
@media all and (max-width:1100px){
    .templates-selector .popup_photo_selector_container {
        grid-template-areas: "a a a a a";
        grid-auto-rows: 150px;
    }
}
@media all and (max-width:768px){
    .templates-selector .popup_photo_selector_container {
        grid-template-areas: "a a a a";
        grid-auto-rows: 150px;
    }
}
@media all and (max-width:500px){
    .templates-selector .popup_photo_selector_container {
        grid-template-areas: "a a";
        grid-auto-rows: 150px;
    }
}

.popup_template_selector_item
{
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 10px;
    border: 1px solid #ccc;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.popup_template_selector_item .img_horisontal
{
    width: 100%;
}

.popup_template_selector_item_back
{
    position:absolute;
    top: 0px;
    left: 0px;
    right:0;
    bottom:0;
    display: none;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.popup_template_selector_item:hover
{
    cursor:pointer;
}
.popup_template_selector_item:hover .popup_template_selector_item_back
{
    background-color: rgba(0, 0, 0, 0.5);
    display: block;
}




.popup_photo_selector_item_selector
{
    background-image: url(images/templates/photo_check_grey.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    position:absolute;
    width:20px;
    height:20px;
    top:5px;
    right:5px;
    cursor:pointer;
}
.only_one .popup_photo_selector_item_selector
{
    display:none;
}

.popup_photo_selector_item_cutter
{
    background-image: url(images/templates/photo_selector_cut.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    position:absolute;
    width:20px;
    height:20px;
    top:5px;
    left:5px;
    cursor:pointer;
    display:none;
}
.popup_photo_selector_item:hover .popup_photo_selector_item_cutter
{
    display:block;
}

.hide-cutter .popup_photo_selector_item_cutter
{
    display:none !important;
}

.popup_photo_selector_item_back
{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display: none;
}
.selected_photo_item .popup_photo_selector_item_back
{
    background-color: rgba(0, 0, 0, 0.5);
    display: block;
}

.popup_photo_selector_item_bottom_line
{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 20px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
}
.popup_photo_selector_item_bottom_line  >p
{
    text-align:center;
    color:#fff;
}

.popup_photo_selector_item:hover .popup_photo_selector_item_bottom_line
{
    display:block;
}


.selected_photo_item .popup_photo_selector_item_selector
{
    background-image: url(images/templates/photo_check_green.png);
}

.progress-wrap.incropper{
    padding-left: 20px;
    padding-right: 20px;
}

.progress-wrap.incropper .progress
{
    margin-bottom:0;
    overflow: visible;
}




.popup_photo_selector_item_video
{
    width:calc(25% - 10px);
    overflow:hidden;
    margin-bottom:5px;
    float:left;
    position:relative;
    margin-right: 10px;
}

.popup_photo_selector_item_video_play_button
{
    font: normal normal normal 14px/1 FontAwesome;
    width: 50px;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #555;
    background-color: #000;
    opacity: 0.8;
    color: #fff;
    position: absolute;
    top: calc(50% - 45px);
    left: calc(50% - 25px);
    cursor:pointer;
    z-index:0;
}

.popup_photo_selector_item_video_play_button:before {
    content: "\f04b";
    position: absolute;
    top: 12px;
    left: 20px;
}

.popup_photo_selector_item_video_error_icon
{
    background-image: url(images/templates/media_convert_error.png);
    background-size: contain;
    background-repeat: no-repeat;
    border: none;
    display:none;

    width: 50px;
    height: 40px;

    position: absolute;
    top: calc(50% - 45px);
    left: calc(50% - 25px);
    cursor:pointer;
    z-index:10;

}


.popup_photo_selector_item_video_img_box
{
    width:100%;
    height:160px;
    overflow:hidden;
    border: 1px solid #ccc;
}
.popup_photo_selector_item_video_img_box .img_horisontal
{
    height:100%;
}
.popup_photo_selector_item_video_img_box .img_vertical
{
    width:100%;
}
.popup_photo_selector_item_video_name
{
    width: 100%;
    height: 40px;
    margin: 0;
    margin-top: 10px;
    /* margin-bottom: 10px; */
    overflow: hidden;
    font-size: 12px;
    font-weight: bold;
    color: #064e9a;
    padding-left: 5px;
    padding-right: 5px;
    text-overflow: ellipsis;
}

.popup_photo_selector_item_video_duration
{
    position: absolute;
    top: 132px;
    right: 5px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    padding: 2px;
}
.popup_photo_selector_item_audio_duration
{
    position: absolute;
    top: 35px;
    right: 5px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    padding: 2px;
    font-size: 12px;
}


.popup_photo_selector_bottom_fix
{
    margin-top: 20px;
    margin-bottom: 25px;
    margin-left: var(--popup-line-padding);
    margin-right: var(--popup-line-padding);

    background-color: transparent;
}


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

    height: 60px;
    background-color: transparent;
    position: relative;
}

.popup_photo_selector_bottom_spinner
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-color: #FFFFFF;
}


.popup_body_fixed {
    overflow: hidden;
    position: fixed;

    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.popup_photo_selector_bottom_left_box,
.popup_photo_selector_bottom_right_box
{
    display: flex;
    align-items: center;
    justify-content: left;
    flex-grow: 1;
}

.popup_photo_selector_bottom_right_box
{
    justify-content: right;
}

.popup_photo_selector_bottom_refresh {
    position: relative;
}

.popup_photo_selector_drop_button
{
    cursor: pointer;
    text-decoration: underline;

    display:none;
}

.popup_photo_selector_opsen_self_medias
{
    cursor: pointer;
    text-decoration: underline;
    position: absolute;
    line-height: 60px;
    margin-left: 20px;
    display:none;
}


.popup_photo_cropper_bottom_button
{
    background-color: #2c74ab;
    cursor:pointer;
    border-radius: 15px;
    color: #fff;

    margin-left: 10px;

    float: right;
    margin-top: 15px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-right: 15px;
    padding-left:15px;
    padding-right:15px;
}




/*.popup_audio_selector_item
{
    width: 100%;
    overflow: hidden;
    border: 1px solid #eee;
    border-radius: 10px;
    display: flex;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}

.popup_audio_selector_item:hover .popup_photo_selector_item_hover
{
    display:flex;
}
.popup_audio_selector_item.selected_photo_item .popup_photo_selector_item_hover
{
    display:none;
}

.popup_audio_selector_item.selected_photo_item .popup_photo_selector_item_selection
{
    display: flex;
}
.popup_audio_selector_item_container
{
    width:100%;
}

.popup_audio_selector_item.in-playing-mode:hover .popup_photo_selector_item_hover
{
    display:none;
} */

.popup_audio_selector_item {
    position: relative;
    display: flex;
    align-items: center;

    height: 70px;
    background-color: #FFFFFF;

    padding: 10px;

    border-radius: 5px;
}

.popup_audio_selector_item_container {
    flex-grow: 1;
}

.popup_audio_selector_item:hover {
    background-color: #F6F6F6;
}

.popup_audio_selector_item:hover > .popup_audio_selector_item_hover-container {
    display: flex;
}

.popup_audio_selector_item_hover-container {
    display: none;
    position: absolute;

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

    right: 0;
    top: 0;

    height: 100%;
    width: 120px;

    background-color: #F6F6F6;
}

.popup_audio_selector_item_hover-container > .popup_audio_selector_item_hover {
    margin-right: 10px;
}

.popup_audio_selector_item_hover {
    width: 35px;
    height: 35px;

    border: 2px solid transparent;
    border-radius: 20px;

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

    background-color: transparent;
    opacity: 0.6;
}

.popup_audio_selector_item_hover:hover {
    background-color: #FFFFFF;
    border: 2px solid #EEEEEE;
    opacity: 1;
}

.popup_audio_selector_item.in-playing-mode .popup_icon_play {
    background-image: url(images/cabinet/popup/icon_pause_black.svg);
}

.popup_audio_selector_item.selected_photo_item {
    background-color: #e7f1f9;
}

.popup_audio_selector_item.selected_photo_item:hover {
    background-color: #e7f1f9;
}

.popup_audio_selector_item.selected_photo_item .popup_audio_selector_item_hover-container {
    display: flex;
    background-color: #e7f1f9;
}

.popup_audio_selector_item.selected_photo_item .popup_icon_select {
    opacity: 1;
    background-image: url(images/cabinet/popup/icon_check_mark_blue.svg);
}

.popup_audio_selector_item.selected_photo_item .popup_icon_select:hover {
    background-image: url(images/cabinet/popup/icon_close.svg);
}




.popup_attachment_selector_item
{
    width:calc(25% - 10px);
    margin-bottom:5px;
    position:relative;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;

    border-bottom: 1px solid #eee;
    cursor:pointer;
    margin-right:10px;
    float:left;
}

.popup_attachment_selector_item.compact
{
    padding: 2px;
    padding-left: 2px;
    margin-bottom:0;
    cursor:auto;
}



.popup_attachment_selector_item:hover
{
    background-color: #edf0f9;
}

.popup_attachment_selector_item_left
{
    float:left;
    width:32px;
    margin-right:20px;
    padding-top: 7px;
}

.compact .popup_attachment_selector_item_left
{
    padding-top: 5px;
}



.popup_attachment_selector_item_right
{
    float:left;
    width:calc(100% - 52px);
    position:relative;
}

.popup_attachment_selector_item_drop
{
    position:absolute;
    background-image: url(images/templates/icon_min_drop.png);
    width:17px;
    height:17px;
    top:12px;
    right:5px;
    cursor:pointer;
}
.popup_attachment_selector_item_download
{
    position:absolute;
    background-image: url(images/templates/icon_min_download.png);
    width:18px;
    height:18px;
    top:12px;
    right: 35px;
    cursor:pointer;
}
.popup_attachment_selector_item_download > a
{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
}

.popup_attachment_selector_item_icon_box
{
    width: 32px;
    height: 32px;
    overflow: hidden;

}
.popup_attachment_selector_item_icon_box.any
{
    background-image: url(images/templates/icon_doc_any.png);
    height: 31px;
}
.popup_attachment_selector_item_icon_box.play
{
    background-image: url(images/templates/icon_doc_play.png);
    height: 32px;
}

.popup_audio_selector_item .popup_attachment_selector_item_icon_box.play
{
    cursor:pointer;
}

.popup_attachment_selector_item_name
{
    font-weight: bold;
    margin: 0;
    overflow: hidden;
    width: calc(100% - 10px);
    text-overflow: ellipsis;
    height: 25px;
}
.popup_attachment_selector_item_date
{
    color: #ccc;
    margin: 0;
}



.note-editor
{
    border-radius: 0;
}

.note-editor .note-btn {
    padding: 5px 6px;


    border-radius: 0;
    border: none;
}
.note-editor .panel-heading
{
    background:#fff;
}

.tooltip .tooltip-arrow
{
    display:none;
}
.tooltip .tooltip-inner
{
    background: none;
}

.minimized .note-editor .note-status-output,
.minimized .note-editor .note-statusbar,
.minimized .note-editor .note-toolbar.panel-heading,
.minimized .note-status-output
{
    display:none !important;
}

.note-editable p
{
    margin:0
}


.compact_buttons .note-editor .note-btn
{
    padding: 2px 5px;
    height: 20px;
}
.compact_buttons .note-popover .popover-content>.btn-group, .panel-heading.note-toolbar>.btn-group
{
    margin: 0;
}

.compact_buttons .dropdown-menu-right
{
    right: inherit;
    left: inherit;
}

.unbordered .panel-default
{
    border:none;
}

.fit_content.quill-wrapper-container
{
    height:100%;
}
.fit_content .note-statusbar
{
    display:none;
}
.fit_content .note-editor
{
    height:100%;
}


.fit_content .note-editing-area
{
    height:calc(100% - 60px);
}



.dropdown_menu_self_fixable
{
    position:fixed;
    overflow: auto;
}


.popup_katex_selector_box
{
    padding:0;
    top:50px;
    width:calc(100% - 100px);
    left:50px;
    margin:0;
    background-color: #fff;
    position: absolute;
    z-index: 1001;
}



.popup_katex_selector_header_line
{
    width: 100%;
    background-color: #3779ac;
    height: 70px;
    background-repeat: no-repeat;
    background-position: 25px;
    display: flex;
    align-items: center;
}
.popup_katex_selector_close
{
    position: absolute;
    right: 15px;
    top: 28px;
    background-image: url(images/tests/popup_close_btn.png);
    width: 16px;
    height: 16px;
    cursor: pointer;
}
.popup_katex_selector_header
{
    margin: 0;
    margin-left: 15px;
    color: #fff;
    font-size: 15pt;
}

.popup_photo_selector_box_inner
{
    min-height:200px;
}
.popup_katex_selector_bottom
{
    width: 100%;
    padding: 15px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-content: flex-end;
    align-items: flex-end;
    border-top: 1px dotted #ccc;
}
.popup_katex_selector_bottom_button
{
    background-color: #3779ac;
    height: 40px;
    color: #fff;
    line-height: 38px;
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer;
}


.katex_container_for_MathJax
{
    position: absolute;
    left:-1000px;
    top:-1000px;
    display: none;
}
.katex_container_for_MathJax_canvas
{
    position:absolute;
    top:-10000px;
    left:-10000px;

    display:none;
    border:1px solid #ccc;
}





.pks_container
{
    display: flex;
}
.pks-left-container
{
    width:70%;
}
.pks-right-container
{
    width: 30%;
    height: 380px;
    overflow: auto;
}


.pks_input_container
{

}

.pks_buttons_box
{
    flex:1;
}
.pks_top_line
{
    display: flex;
}
.pks_input_container
{
    padding: 20px;
    background-color: #eee;
}

.pks_input_container_label
{

}
.pks_input_container_label > a{
    color: #555;
    text-decoration: underline;
}

.pks_textarea
{
    width: 100%;
    min-height: 200px;
    background: #403d3d;
    border: none;
    box-sizing: border-box;
    color: #fff;
    font: 14px Menlo, monospace;
    padding: 10px;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.pks_formula_line
{
    min-height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: auto;
}


.pks_formula_line::-webkit-scrollbar
{
    width: 10px;
    height:10px;
	background-color: #F5F5F5;
}
.pks_formula_line::-webkit-scrollbar-track
{
   background-color: #F5F5F5;
    border-radius: 5px;
}
.pks_formula_line::-webkit-scrollbar-thumb
{
    border-radius: 5px;
    background-color: #ccc;
}





.pks-helper-container
{
    padding: 15px;
}
.pks_helper_group
{
    outline: none;
    border-bottom: 1px solid #eee;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 18px;
    cursor:pointer;
}
.pks_helper_group_item
{
        display: inline-block;
        min-width: 10px;
        padding: 3px 7px;
        font-size: 16px;
        font-weight: 700;
        line-height: 1;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        border-radius: 10px;
        margin-right: 10px;

        cursor:pointer;


        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
}

.pks_helper_group_item:hover{
    background-color: #ccc;
}

.pks_helper_group_container
{

}

.pks_output_container
{
    font-size: 20px;
}


@media all and (max-width: 500px) {
    .popup_katex_selector_box
    {
        width: calc(100% - 10px);
        left: 5px;
        top: 5px !important;
        height: calc(100vh - 10px);
    }
    .pks_container {
        display: flex;
        flex-direction: column-reverse;
    }
    .pks-right-container {
        width: 100%;
        height: 200px;
        overflow: auto;
    }
    .pks-left-container {
        width: 100%;
        height: calc(100vh - 350px);
        overflow: auto;
    }
}








.photo_previewer_attached
{
    cursor:pointer;
}
.photo_previewer_box_background
{
    z-index: 1001;
}
.photo_previewer_box
{
    position:fixed;
    top:50px;
    bottom:50px;
    left:40px;
    right:40px;

    background-color: #fff;
    z-index: 1002;
}

.photo_previewer_box_inner
{
    position:relative;
}

.photo_previewer_box_inner_left
{
    position:absolute;
    cursor:pointer;
    width:20%;
    left:0;
    top:0;
    bottom:0;
}
.photo_previewer_box_inner_left_arrow
{
    background-image: url(images/templates/photo_previewer_left.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    position:absolute;
    width:23px;
    height:41px;
    top:calc(50% - 11px);
    left:0;
    display:none;
}



.photo_previewer_box_inner_right
{
    position:absolute;
    cursor:pointer;
    width:20%;
    right:0;
    top:0;
    bottom:0;
}

.photo_previewer_box_inner_right_arrow
{
    background-image: url(images/templates/photo_previewer_right.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    position:absolute;
    width:23px;
    height:41px;
    top:calc(50% - 11px);
    right:0;
    display:none;
}

.photo_previewer_box_inner:hover .photo_previewer_box_inner_right_arrow,
.photo_previewer_box_inner:hover .photo_previewer_box_inner_left_arrow
{
    display: block;
}


.photo_previewer_box_inner
{
    position:absolute;
    top:30px;
    left:30px;
    right:30px;
    bottom:30px;
}

.photo_previewer_box_photo_container
{
    overflow:hidden;
    height:100%;
    width:100%;
}

.photo_previewer_box_photo_container .img_horisontal
{
    height:100%;
}

.photo_previewer_box_photo_container .img_vertical
{
    width:100%;
}

.photo_previewer_box_bottom_label
{
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    margin: 0;
    line-height: 30px;
}






.player_media_for_play_box
{
    width:100%;
    height:100%;
    position:relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.player_media_for_play_box_play_icon
{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

    width: 50px;
    height: 40px;
    border-radius: 6px;

    background-size: 28px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(images/templates/play-video-big-white.png);
    background-color: #000000b5;
}
.player_media_for_play_box > img
{
    height:100%;
}

.player_audio_form_box_outer
{
    display:none;
    z-index: 10000;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}



.player_audio_form_box_background
{
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color: rgba(0, 0, 0, 0.5);
    /*z-index: 500;*/
}
/* .player_audio_form_box
{
    width: 900px;
    background-color: #FFFFFF;
    position: absolute;
    top: 50px;
    left: calc(50% - 450px);
    min-height: 50px;
    padding: 10px;

    border-radius: 5px;
} */

.player_audio_form_box {
    position: relative;
    padding: 10px;
    min-height: 50px;
}

.player_audio_form_box .video-js .vjs-control-bar {
    position: relative;
}

.player_video_form_box
{
    width: 90%;
    background-color: #ecf4fb;
    height: calc(100% - 100px);
    left: 5%;
    z-index: 501;
    min-height: 20px;
    padding: 1px;
    position: fixed;
    top: 50px;

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

/*.player_video_form_box
{
    background-color: transparent;

    width: 90vw;
    height: 90vh;

    margin: 5vh auto;
    position: relative;
}*/




.player_video_form_box .player-video-container,
.player_video_form_box .player_video_form_box_inner,
.any_player_video_form_box .player-video-container,
.any_player_video_form_box .player_video_form_box_inner
{
    width:100%;
    height:100%;
}
.player_video_form_box_close
{
    position: absolute;
    right: 15px;
    top: 15px;
    background-image: url(images/templates/icon_close_small_10.png);
    width: 10px;
    height: 10px;
    cursor: pointer;
    z-index:10;
}

.player-video-container-youtube-replacer
{
    width: 100%;
    height: 100%;
    background-size: cover;
    position:relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.player-video-container-youtube-replacer-play
{
    width: 80px;
    height: 80px;
    border-radius: 40px;
    border: 5px solid #efefef;
    background-color: rgba(43, 51, 63, 0.7);
    background-image: url(images/templates/youtube_player_icon_white.svg);
    background-position: center;
    background-repeat: no-repeat;
    cursor:pointer;
}


.player-presentation-container
{
    width: 100%;
    height: 100%;
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
}


.player_video_form_box .player-presentation-container
{
    width: 100%;
    height: 100%;
    position: relative;
}

.player_video_form_box .player-presentation-container
{
    padding-left: 30px;
    padding-right: 30px;
    padding-top:30px;
}













.users_selector_box
{
    position:fixed;
    top:50px;
    bottom:50px;
    width:600px;

    left:calc(50% - 300px);


    background-color: #fff;
    z-index: 1001;
}

.users_selector_box_header
{
    height:60px;
    width:100%;
    background-color:#f5f9fc;
}

.users_selector_box_header > p
{
    line-height: 60px;
    margin-left: 20px;
    margin-top: 0;
    margin-bottom: 0;
    color: #3779ac;
    font-size: 12pt;
}

.users_selector_close
{
    position: absolute;
    right: 20px;
    top: 25px;
    background-image: url(images/templates/icon_close_small_10.png);
    width: 10px;
    height: 10px;
    cursor: pointer;
}

.users_selector_box_inner
{
    position:relative;
    height: calc(100% - 110px);
}

.users_selector_box_bottom
{
    height:50px;
    position:relative;
}
.users_selector_box_bottom_button
{
    background-color: #a1b9cc;
    border-radius: 15px;
    color: #fff;
    margin-left: 10px;
    float: right;
    margin-top: 10px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-right: 15px;
    padding-left: 15px;
    padding-right: 15px;
}
.users_selector_box_bottom_button.enabled {
    background-color: #2c74ab;
    cursor: pointer;
}


.users_selector_box_selector
{
    width:100%;
    padding-top:15px;
    padding-bottom:10px;
    padding-left:20px;
    padding-right:20px;

    border-bottom:1px solid #e7e7e7;
    max-height: 105px;
    overflow: auto;
}

.users_selector_box_selector_item
{
    float:left;
    height:25px;
    line-height:25px;
    position:relative;
    cursor:pointer;
}
.users_selector_box_selector_item.user
{
    background-color: #dae2ea;
    max-width:calc(100% - 40px);
    padding-left: 20px;
    padding-right: 25px;
    position:relative;
    margin-right:10px;
    margin-bottom:5px;
}

.users_selector_box_selector_item.user .close
{
    position: absolute;
    right: 5px;
    top: 7px;
    background-image: url(images/templates/icon_close_small_10.png);
    width: 10px;
    height: 10px;
    cursor: pointer;
}

.users_selector_box_selector_item.user .moderate
{
    position: absolute;
    left: 3px;
    top: 4px;
    background-image: url(images/templates/blue_star.svg);
    background-size: contain;
    width: 15px;
    height: 15px;
    cursor: pointer;
}
.users_selector_box_selector_item.user .moderate.selected
{
    position: absolute;
    left: 3px;
    top: 4px;
    background-image: url(images/templates/blue_star_filled.svg);
    background-size: contain;
    width: 15px;
    height: 15px;
    cursor: pointer;
}



.users_selector_box_selector_item.user > p
{
    margin:0;
    width:100%;
}



.users_selector_box_selector_item.input_box
{
    /*background-color: #dae2ea;*/

}


.users_selector_box_selector_input
{
    border:none;
    height:100%;
    width:100%;
    outline: none;
    padding-right:30px;
}
.users_selector_box_selector_input:focus
{
     outline: none;
}

.users_selector_box_selector_input::-webkit-input-placeholder       {color:#ccc;opacity: 1; transition: opacity 0.3s ease;}
.users_selector_box_selector_input::-moz-placeholder                {color:#ccc;opacity: 1; transition: opacity 0.3s ease;}
.users_selector_box_selector_input:-moz-placeholder                 {color:#ccc;opacity: 1; transition: opacity 0.3s ease;}
.users_selector_box_selector_input:-ms-input-placeholder            {color:#ccc;opacity: 1; transition: opacity 0.3s ease;}

.users_selector_box_selector_confirmer
{
    background-image: url(images/templates/photo_check_grey.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    cursor: pointer;
    position:absolute;
    top: 3px;
    right: 5px;
}


.users_selector_box_known
{
    height: calc(100% - 60px);
    overflow: auto;
}

.users_selector_known_item
{
    width:100%;
    padding-left:20px;
    padding-right:20px;

}
.users_selector_known_item:hover
{
    background-color:#f5f9fc;
}




.users_selector_known_item_inner
{
    padding-top:15px;
    padding-bottom:15px;
    border-bottom:1px solid #e7e7e7;
}

.users_selector_known_item_img_box
{
    width:30px;
    height:30px;
    border-radius: 15px;
    overflow: hidden;

    margin-right:10px;
    float:left;
}
.users_selector_known_item_img_box > img
{
    width:100%;
}



.users_selector_known_item_center
{
    float:left;
    width:calc(100% - 60px);
}
.users_selector_known_item_center > p
{
    margin: 0;
    line-height: 30px;
    font-weight: bold;
}


.users_selector_known_item_check
{
    background-image: url(images/templates/photo_check_grey.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    width:20px;
    height:20px;
    margin-top: 5px;
    float:left;
    cursor:pointer;
}
.users_selector_known_item_check.selected
{
    background-image: url(images/templates/photo_check_green.png);
}



.min_menu_tooltip
{
    position:absolute;

    right: 20px;
    top: 25px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.7);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.7);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.7);
    display:none;
}
.min_menu_tooltip:focus
{
    outline: none;
}

.min_menu_tooltip > p
{
    line-height: 20px;
    padding-left:15px;
    padding-right:15px;
    padding-top:5px;
    padding-bottom:5px;
    margin:0;
    cursor:pointer;

}
.min_menu_tooltip > p:hover
{
    background-color:#e8f5ff;
}





/*
        Im Message container
*/


.any_item_comments_hidden_number
{
    display: none;
    margin: 0;
    padding-top: 5px;
    text-decoration: underline;
    color: #bbb;
    cursor:pointer;
}

.any_item_comments_hide_messages
{
    display: none;
    margin: 0;
    padding-top: 5px;
    text-decoration: underline;
    color: #bbb;
    cursor:pointer;
    text-align: center;
}


.im_dialog_input_box
{
    position:relative;
    background-color: #fbfbfb;
}

.im_dialog_input_typing_box
{
    position: absolute;
    top: -10px;
    background-color: #fff;
    height: 20px;
    line-height: 20px;
    color: #ccc;
    padding-right: 50px;
    width: calc(100% - 50px);
    display:none;
}

.im_dialog_input_box_left
{
    float:left;
    position:relative;
    width:calc(100% - 100px);
    /*border: 1px solid #e3e3e3;*/
    border-top: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    padding-right: 60px;
    padding-left: 80px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.im_dialog_input_icon_box
{
    width:40px;
    height:40px;
    overflow:hidden;
    border-radius:20px;
    position:absolute;
    top:15px;
    left:20px;
}

.im_dialog_input_icon_box > img
{
    width:100%;
}

.im_dialog_input_area
{
    border:1px solid #bbb;
    padding:10px;
    width: 100%;
    outline: none;
    max-height:200px;
    padding-right: 70px;
    resize: vertical;

    border-radius: 20px;

}

.im_dialog_input_area.executing
{
    background-color: #ccc;
}

.im_dialog_send_button
{
    background-image: url(images/cabinet/im_send_btn.png);
    background-position: center center;
    background-repeat: no-repeat;
    height: 76px;
    float: right;
    text-align: right;
    cursor: pointer;
    width: 100px;
    /*border-bottom: 1px solid #e3e3e3;*/
    border-top: 1px solid #e3e3e3;
}

.im_dialog_after_input_area
{
    max-height: 300px;
    overflow: auto;
}


.im_dialog_input_photo
{
    position:absolute;
    background-image: url(images/cabinet/upload_photo_item.png);
    background-position: 0 0px;
    background-repeat: no-repeat;
    width: 22px;
    height: 18px;
    cursor: pointer;

    right: 35px;
    top:11px;
}

.im_dialog_input_attachment
{
    position:absolute;
    background-image: url(images/cabinet/upload_attachment_item.png);
    background-position: 0 0px;
    background-repeat: no-repeat;
    width: 20px;
    height: 22px;
    cursor: pointer;

    right: 65px;
    top:11px;
}

.im_dialog_input_live_box
{
    right: 0;
    top: 23px;
    position: absolute;
}
.im_dialog_input_live_box .dropdown-menu
{
    bottom: 25px;
    background-color: #fbfbfb;
    padding: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.im_dialog_input_live
{
    position:absolute;
    background-image: url(images/cabinet/messages_attach_file_base_unselected.png);
    background-position: 0 0px;
    background-repeat: no-repeat;
    width: 26px;
    height: 24px;
    cursor: pointer;
    right: 20px;

}



.im_dialog_input_live_box.open .im_dialog_input_live
{
    background-image: url(images/cabinet/messages_attach_file_base.png);
}



.im_dialog_input_live_popup
{
    position: absolute;
    background-color: #fff;
    top: -130px;
    right: -10px;
    overflow: hidden;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    color: #777;
    padding-bottom: 41px;
    display: none;
    background-repeat: no-repeat;
    background-image: url(images/cabinet/upload_attachment_item.png);
    background-position: right 9px bottom 10px;
}
.im_dialog_input_live_popup.two-line
{
    top: -70px;
}

.im_dialog_input_live_popup_line
{
    cursor: pointer;
    background-repeat: no-repeat;
    padding-left: 40px;
    line-height: 30px;
    background-position: left center;
    padding-right:10px;

}

.im_dialog_input_live_popup_line:hover
{
    background-color: #e9eeef;
}

.im_dialog_input_live_popup_line.mic
{
    background-image: url(images/cabinet/messages_attachment_audio.png);
    background-position: 10px center;
}
.im_dialog_input_live_popup_line.cam
{
    background-image: url(images/cabinet/messages_attachment_video.png);
    background-position: 10px center;
}
.im_dialog_input_live_popup_line.photo
{
    background-image: url(images/cabinet/messages_attachment_image.png);
    background-position: 10px center;
}
.im_dialog_input_live_popup_line.attachment
{
    background-image: url(images/cabinet/messages_attachment_file.png);
    background-position: 10px center;
}

.im_dialog_input_live_popup_mic
{
    background-image: url(images/cabinet/message_mic.png);
    background-position: 9px 8px;
    background-repeat: no-repeat;
    width: 35px;
    height: 40px;
    cursor: pointer;
    margin-right: 5px;
    border-right: 1px solid #ccc;

}
.im_dialog_input_live_popup_cam
{
    background-image: url(images/cabinet/message_cam.png);
    background-position: 6px 6px;
    background-repeat: no-repeat;
    width: 35px;
    height: 40px;
    cursor: pointer;
    border: 1px solid #ccc;
    border-bottom: none;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.im_dialog_input_live_popup_mic:hover,
.im_dialog_input_live_popup_cam:hover
{
    background-color: #e9ebff;
}

.im_dialog_input_live:hover .im_dialog_input_live_popup
{
    display:block;
}






.im_dialog_input_photos_box,
.im_dialog_input_attachments_box
{
    width:100%;
}

.im_dialog_input_photos_box:before,
.im_dialog_input_photos_box:after,
.im_dialog_input_attachments_box:before,
.im_dialog_input_attachments_box:after,
.im_dialog_input_appenders_container:before,
.im_dialog_input_appenders_container:after
{
    content: "";
    display: table;
}

.im_dialog_input_photos_box:after,
.im_dialog_input_attachments_box:after,
.im_dialog_input_appenders_container:after
{
    clear: both;
}

.user-input_im-photo-item
{
    width:140px;
    height:100px;
    overflow:hidden;
    margin-right:5px;
    margin-bottom:5px;
    float:left;
    position:relative;
}
.user-input_im-photo-item .img_horisontal
{
    height:100%;
}

.user-input_im-photo-item .img_vertical
{
    width:100%;
}

.user-input_im-photo-item-close
{
    background-image: url(images/cabinet/icon_close.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    position:absolute;
    width:19px;
    height:19px;
    top:5px;
    right:5px;
    cursor:pointer;
    display:none;
}

.user-input_im-photo-item:hover .user-input_im-photo-item-close
{
    display:block;
}

.user-input-im-attachment-item
{
    position:relative;
    padding: 5px;
    padding-right: 40px;
    float: left;

}
.user-input-im-attachment-item:hover
{
    background-color: #eef2fb;

}


.user-input-im-attachment-item .user-input_im-photo-item-close
{
    top: 12px;
    display:none;
}

.user-input-im-attachment-item:hover .user-input_im-photo-item-close
{
    display:block;
}


.im_messages_selected_options_panel
{
    background-color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #eee;
    padding-left: 10px;
    padding-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.im_messages_selected_options_panel.fixed
{
    position: fixed;
    top: 20px;
    left: calc(50% - 250px);
    width: 500px;
    height: 55px;
    z-index: 1000;
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 10px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
}

.im_messages_selected_options_left
{
    float:left;
    width:50%;
}
.im_messages_selected_options_right
{
    float:left;
    width:50%;
}


.im_messages_selected_options_left .number-label
{
    float: left;
    font-weight: bold;
    height: 100%;
    line-height: 30px;
    margin: 0;
    color: #555;

}
.im_messages_selected_options_left .clean-box
{
    float: left;
    background-image: url(images/templates/icon_close_small_10.png);
    background-position: 0 0px;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    cursor: pointer;
    margin-top: 11px;
    margin-left: 10px;
}

.im_messages_selected_options_right .mark-favourite
{
    float:right;
    background-image: url(images/templates/blue_star.svg);
    background-position: 0 0px;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-right: 10px;
    margin-top: 4px;

}
.im_messages_selected_options_right .mark-delete
{
    float:right;
    background-image: url(images/templates/blue_trash.svg);
    background-position: 0 0px;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-right: 10px;
    margin-top: 4px;
}
.im_messages_selected_options_right .mark-resend
{
    float:right;
    cursor: pointer;

    padding-left:10px;
    padding-right:10px;

    height: 30px;
    line-height: 30px;
    background-color: #2c74ab;
    color:#fff;
}


.im_messages_selected_options_right .send-private-email
{
    float:right;
    background-image: url(images/templates/blue_mail.svg);
    background-position: 0 0px;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-right: 10px;
    margin-top: 4px;

    display:none;
}






.im_message_list_item_date
{
    text-align: center;
    color:#999999;
    height: 40px;
}

.im_message_list_item_date_inner
{
    text-align: center;
    color:#ccc;
}
.popuped-im-message-date
{
    position:absolute;
    top:50px;
    left:calc(50% - 50px);

    border: 1px solid #ccc;
    height:26px;
    line-height:26px;
    border-radius: 13px;

    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;

    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.7);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.7);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
    background-color: #fff;
}

.im_message_list_item
{
    padding: 10px;
    padding-top:3px;
    /*border-bottom: 1px solid #ccc;*/
    position:relative;
}
.im_message_list_item:hover
{
    background-color: #f4f8fb;
}
.im_message_list_item:hover .im_message_drop
{
    display:block;
}

.im_message_list_item.message-selected
{
    background-color: #cde1f1;
}
.im_message_list_item.message-selected:hover
{
    background-color: #cde1f1;
}


.im_message_favourite_box
{
    float: left;
    background-image: url(images/templates/blue_star.svg);
    background-position: 0 0px;
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin-top: 1px;
    margin-left:10px;
    display:none;
}

.im_message_list_item:hover .im_message_favourite_box
{
    display:block;
}

.im_message_list_item.message-liked .im_message_favourite_box
{
    background-image: url(images/templates/blue_star_filled.svg);
    display:block;
}


.im_message_emailed_box
{
    float: left;
    background-image: url(images/templates/blue_mail.svg);
    background-position: 0 0px;
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin-top: 1px;
    margin-left:10px;
    display:none;
}
.im_message_list_item.message-emailed .im_message_emailed_box
{
    display:block;
}




.im_message_name
{
    color:#2c72ab;
    font-weight: bold;
    margin: 0;
    float:left;
    cursor:pointer;
}
.im_message_date
{
    color: #aaaaaa;
    font-weight: bold;
    margin: 0;
    float: left;
    margin-left: 10px;
    margin-right:10px;
}

.im_message_name_comment
{
    color: #aaaaaa;
    margin: 0;
    float: left;


    display:none;
}
.im_message_name_comment > a
{
    color: #aaaaaa;
}


.im_message_icon_box
{
    float:left;
    width:40px;
    height:40px;
    border-radius:20px;
    margin-right:10px;
    overflow:hidden;
    cursor:pointer;
}
.im_message_icon_box > img
{
    width:100%;
    height:100%;
}
.im_message_content_box
{
    float:left;
    width:calc(100% - 70px);
}

.im_message_message
{
    float: left;
    line-height: 20px;
    width: 100%;
    /*word-break: break-all;*/
    word-break: normal;
    margin-bottom:3px;
    overflow:hidden;
}

.im_message_message_complex
{
    width: 100%;
    overflow: auto;
    overflow-y: hidden;
    max-width: 100%;
}

.im_message_message_complex_subject
{
    font-weight: bold;
}

.im_message_sub_container
{

}
.im_message_sub_container_box
{
    margin-top: 5px;
}
.im_message_sub_container_image_box
{
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    margin-right: 10px;
    overflow: hidden;
    cursor: pointer;
}
.im_message_sub_container_image_box > img {
    width: 100%;
    height: 100%;
}

.im_message_sub_container_name_box
{
    float: left;
}
.im_message_sub_container_name
{
    color: #2c72ab;
    font-weight: bold;
    margin: 0;
    float: left;
    cursor: pointer;
    line-height:30px;
}

.im_message_sub_container_image_preview
{
    height:200px;
    width:200px;
    border-radius: 100px;
    overflow:hidden;
}
.im_message_sub_container_image_preview > img
{
    width:100%;
    height:100%;
}

.im_message_right_box
{
    float:left;
    width:80px
}

.im_message_appenders_box
{
    position:absolute;
    right:0;
    padding-right:2px;
}




.im-inline-dialog-container
{
    position:fixed;
    width:500px;
    height:75%;
    bottom:20px;
    right:20px;
    z-index:10;
}

.im-inline-dialog-container-header
{
    width:100%;
    height:30px;
    background-color: #499ce4;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.im-inline-dialog-container-close
{
    background-image: url(images/templates/icon_close_small_white.png);
    width: 16px;
    height: 16px;
    cursor: pointer;
    position: absolute;
    top: 6px;
    right: 5px;
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 5px;
}


.im-inline-dialog-container-body
{
    background-color: #fff;
    position: absolute;
    top: 30px;
    bottom: 0;
    width: 100%;

    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.im-inline-dialog-container-body .any_item_comments_box_inner
{
    position: relative;
    width: 100%;
    height: 100%;
}





.any_item_comments_container_top_box
{
    width: 100%;
    height: 75px;
    background-color: #fbfbfb;
    border-top: 1px solid #eaeaea;
    padding-top: 30px;
    display:none;
    cursor:pointer;

}
.any_item_comments_container_top_box_icon
{
    background-image: url(images/templates/icon_open_dialog_messages_text.png);
    width: 26px;
    height: 25px;
    cursor: pointer;
    margin-left: 40px;
    float:left;
}
.any_item_comments_container_top_box_number
{
    background-color: #c8c8c8;
    color:#7f7f7f;
    border-radius: 10px;
    padding-left:10px;
    padding-right:10px;
    float:left;
    margin-left:20px;
}
.any_item_comments_container_top_box_text
{
    float: left;
    text-align: center;
    width: calc(100% - 150px);
    background-image: url(images/templates/icon_open_dialog_messages_dropdown.png);
    background-repeat: no-repeat;
    background-position: right center;
}

.any_item_comments_container_top_box:hover .any_item_comments_container_top_box_text
{
    text-decoration: underline;
}


.any_item_comments_container_top_box.is_opened  .any_item_comments_container_top_box_text
{
    background-image: url(images/templates/icon_open_dialog_messages_dropdown_close.png);
}



.im-inline-dialog-container-body .any_item_comments_container
{
    overflow: auto;
    position: absolute;
    top: 0;
    bottom: 80px;
    width: 100%;
}
.im-inline-dialog-container-body .any_item_comments_container::-webkit-scrollbar-track
{
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
	border-radius: 10px;
}

.im-inline-dialog-container-body .any_item_comments_container::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

.im-inline-dialog-container-body .any_item_comments_container::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-image: -webkit-gradient(linear,
									   left bottom,
									   left top,
									   color-stop(0.44, rgb(122,153,217)),
									   color-stop(0.72, rgb(73,125,189)),
									   color-stop(0.86, rgb(28,58,148)));
}




.im-inline-dialog-container-body .im_dialog_input_box
{
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    padding-top: 0;
    padding-left: 5px;
    padding-right: 5px;
}






.message_index
{
    float: left;
    background-color: #ddf5f2;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 5px;
    margin: 0;
    margin-left: 10px;
    cursor:pointer;
}

.message_index_input
{
    float: left;
    background-color: #ddf5f2;
    padding-left: 10px;
    padding-right: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 5px;
    margin: 0;
    margin-right: 10px;
    margin-bottom:5px;
    position:relative;
}
.message_index_input > p
{
    margin:0;
}
.message_index_input_close
{
    background-image: url(images/templates/icon_close_small_10.png);
    background-position: 0 0px;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    cursor: pointer;
    position: absolute;
    right: 5px;
    top:7px;
}

.hide_appenders .message_index
{
    display:none;
}



.im_message_drop
{
    background-image: url(images/cabinet/im_drop_icon.png);
    background-position: 0 0px;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top:40px;
    display:none;
}

.im_message_message_photos_box
{

}


.im_message_message_photos_box:before,
.im_message_message_photos_box:after,
.im_message_message_attachments_box:before,
.im_message_message_attachments_box:after
{
    content: "";
    display: table;
}
.im_message_message_photos_box:after,
.im_message_message_attachments_box:after
{
    clear: both;
}



.inline-primary
{
    padding-bottom:0;
}



.inline-secondary
{
    padding-top:0;
    padding-bottom:0;
}

.inline-secondary .im_message_name,
.inline-secondary .im_message_date,
.inline-secondary .im_message_icon_box > img,
.inline-secondary .im_message_sub_container_box
{
    display:none;
}

.inline-secondary .im_message_icon_box
{
    height:10px;
}







.user_im_list_photo_items_line
{

}
.user_im_list_photo_items_line:before,
.user_im_list_photo_items_line:after {
    content: "";
    display: table;
}
.user_im_list_photo_items_line:after {
    clear: both;
}

.user_im_list_photo_items_line .img_horisontal
{
    height:100%;
}
.user_im_list_photo_items_line .img_vertical
{
    width:100%;
}

.user_im_list_photo_items_line.quart
{
    float:left;
    width: 140px;
    height: 100px;
    margin-left:10px;
    margin-top:10px;
    overflow:hidden;
    position: relative;
    cursor:initial;
}

.user_im_list_video_items_line
{
    float:left;
    width: 140px;
    height: 100px;
    margin-left:10px;
    margin-top:10px;
    overflow:hidden;
    position: relative;
    cursor:initial;
}
.user_im_list_video_items_line .img_horisontal
{
    height:100%;
}
.user_im_list_video_items_line .img_vertical
{
    width:100%;
}

.user_im_list_photo_items_line_play_button {
    font: normal normal normal 14px/1 FontAwesome;
    width: 50px;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #555;
    background-color: #000;
    opacity: 0.8;
    color: #fff;
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 25px);
    cursor: pointer;
}
.user_im_list_photo_items_line_play_button:before {
    content: "\f04b";
    position: absolute;
    top: 12px;
    left: 20px;
}

.user_im_list_audio_items_line
{
    position: relative;
    margin-top: 5px;
}

.user_im_list_audio_items_line .icon_box
{
    cursor: pointer;
    float: left;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #bbb;
    border-radius: 15px;
    margin-right: 10px;
    color: #bbb;
}

.user_im_list_audio_items_line .icon_box:before {
    content: "\f04b";
    position: absolute;
    top: 8px;
    left: 12px;
    font: normal normal normal 14px/1 FontAwesome;
}

.user_im_list_audio_items_line .name_box
{
    float: left;
    width: calc(100% - 140px);
    line-height: 30px;

}
.user_im_list_audio_items_line .duration_box
{
    float: right;
    width: 100px;
    text-align: right;
    color:#bbb;
    line-height:30px;
    font-size:12px;
}

.user_im_list_attachment_items_line
{
    margin-top:5px;
    cursor:pointer;
}

.user_im_list_media_item_close
{
    background-image: url(images/cabinet/icon_close.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    position:absolute;
    width:19px;
    height:19px;
    top:5px;
    right:5px;
    cursor:pointer;
    display:none;
}

.user_im_list_media_item_closable
{
    position: relative;
}
.user_im_list_media_item_closable:hover .user_im_list_media_item_close
{
    display:block;
}

.im_dialog_list_item:hover
{
    background-color: #f4f8fb;
}

.im_dialog_list_item:hover .im_dialog_righ_drop
{
    display:block;
}



/* dialogs List  */
.im_dialog_serach_box_outer
{
    position:relative;
}

.im_dialog_serach_box
{
    width:100%;
    height:40px;
    border:1px solid #dddddd;
    background-image: url(images/cabinet/search_box_icon.png);
    background-repeat: no-repeat;
    background-position: 15px 11px;
    padding-left:50px;
    color: #b6b6b6;
    font-size:11pt;
    padding-right: 30px;
	/* border-radius: 30px; */
	background-size: 16px;
}

.im_dialog_serach_box_add
{
    background-image: url(images/templates/icon_add_new_photo.png);
    background-repeat: no-repeat;
	background-size: 14px;
    width:16px;
    height:16px;
    position:absolute;
    top:12px;
    right:10px;
    cursor:pointer;
}



.im_dialog_list_item
{
    padding: 10px;
    border-bottom: 1px solid #ccc;
    padding-bottom:5px;
    position:relative;
}

.im_dialog_list_item:first-child
{
    border-top: 1px solid #ccc;
}

.im_dialog_list_item.unread
{
    background-color: #dbe4ea;
}


.im_dialog_icon_box
{
    float:left;
    width:60px;
    height:60px;
    border-radius:30px;
    margin-right:10px;
    overflow:hidden;
    cursor:pointer;
}
.im_dialog_icon_box > img
{
    width:100%;
    height:100%;
}


.im_dialog_icon_min_box
{
    float:left;
    width:30px;
    height:30px;
    border-radius:15px;
    margin-right:10px;
    overflow:hidden;
}
.im_dialog_icon_min_box > img
{
    width:100%;
    height:100%;
}

.im_dialog_message_box
{
    margin-top:10px;
}

.im_dialog_content_box
{
    float:left;
    width:calc(100% - 70px);
}
.im_dialog_right_box
{
    position: absolute;
    right: 5px;
    z-index: 1;
    background-color: #fff;


}

.im_dialog_righ_drop
{
    position: absolute;
    right: 5px;
    top: 30px;
    z-index: 1;
    background-image: url(images/templates/icon_close_small.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: none;
    cursor: pointer;
}

.im_dialog_list_item:hover .im_dialog_right_box
{
    background-color: #f4f8fb;
}
.im_dialog_list_item.unread .im_dialog_right_box
{
    background-color: #dbe4ea;
}


.im_dialog_name
{
    color:#4f7798;
    font-weight: bold;
    margin: 0;
    cursor:pointer;
    float:left;
}
.im_dialog_message
{
    float: left;
    /*line-height: 30px;*/
    overflow:hidden;
    word-break: normal;
    width: calc(100% - 40px);
    margin: 0;
    margin-top: 5px;
}
.im_dialog_date
{
    color:#aaaaaa;
    text-align: right;
}

.im_dialog_drop
{
    background-image: url(images/cabinet/im_drop_icon.png);
    background-position: 0 0px;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    display:none;
}

.im_dialog_emailed
{
    position:absolute;
    background-image: url(images/templates/blue_mail.svg);
    background-position: 0 0px;
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    cursor: pointer;
    right: 0;
    top: 38px;
    display:none;
}

.im_dialog_message_photos_box
{

}


.im_dialog_message_photos_box:before,
.im_dialog_message_photos_box:after,
.im_dialog_message_attachments_box:before,
.im_dialog_message_attachments_box:after
{
    content: "";
    display: table;
}
.im_dialog_message_photos_box:after,
.im_dialog_message_attachments_box:after
{
    clear: both;
}



.messages-dialog-list-item
{
    display: flex;
    align-items: center;
    cursor:pointer;

    padding: 8px;

    border-bottom: 2px solid #F5F5F5;
}

.messages-dialog-list-item:last-child {
    border-bottom: none;
}

.messages-dialog-list-item:hover
{
    background-color: rgba(33, 111, 230, 0.02);
}


.messages-dialog-list-item.unread-item
{
    background-color: rgba(33, 111, 230, 0.05);
}

.messages-dialog-list-item-logo-box
{
    margin-right: 8px;
    position: relative;
}
.messages-dialog-list-item-logo
{
    width:50px;
    height:50px;
    border-radius: 50px;
    background-size: contain;
    overflow: hidden;
    background-repeat: no-repeat;
}

.messages-dialog-message-item-mention {
    position: relative;
    display: inline-block;
    color: var(--pruffme-blue-100);
    font-weight: 500;
}

.messages-dialog-message-item-mention-hover {
    display: none;
}

.messages-dialog-message-item-mention:hover .messages-dialog-message-item-mention-hover {
    position: absolute;
    left: 0;
    bottom: calc(100% + 10px);

    padding: 8px;
    border-radius: 8px;
    box-shadow: 0px 3px 36px #00000029;

    display: block;
}

.messages-dialog-list-item-mentions-inner {
    display: flex;
    gap: 4px;
    align-items: center;
}

.messages-dialog-list-item-mentions-counter {
    color: var(--pruffme-blue-100);
    font-weight: 500;
}

.messages-dialog-list-item-status {
    display: none;
}

.messages-dialog-list-item-status.message_readed,
.messages-dialog-list-item-status.message_sended {
    display: block;
    width: 16px;
    height: 16px;

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

.messages-dialog-list-item-status.message_readed {
    background-image: url(../../assets/css/images/chat/icon_chat_readed.svg);
}

.messages-dialog-list-item-status.message_sended {
    background-image: url(../../assets/css/images/chat/icon_chat_sended.svg);
}

.messages-dialog-list-item-mention {
    background-image: url(../../assets/css/images/chat/icon_mention.svg);
}


.messages-dialog-list-item-avatar-wrapper {
    position: relative;
}
.messages-dialog-list-item-online
{
    display:none;
}
.is-online .messages-dialog-list-item-online
{
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 7px;
    background-color: #66D166;
    position: absolute;
    bottom: -2px;
    right: -1px;
    border: 3px solid #fff;
}

.messages-dialog-list-item-content-box
{
    flex: 1;
    overflow:hidden;
}
.messages-dialog-list-item-name-box {
    display: flex;
    align-items: center;
    gap: 4px;
    overflow: hidden;
}

.messages-dialog-list-item-admin-box:not(:empty) {
    display: flex;
    align-items: center;
    gap: 4px;

    margin-left: 4px;
}

.messages-dialog-list-item-name
{
    flex: 1;
    font-weight: 600;
    color: var(--pruffme-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dialogs-content .messages_dialog_action_unpin {
    display: none;
}

.pinned-dialogs-content .messages_dialog_action_unpin {
    display: flex;
}

.messages-dialog-list-item-content-top-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.messages-dialog-list-item-content-bottom-box {
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-top: 6px;
}

.messages-dialog-list-item-additional-box {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-left: 16px;
    flex-shrink: 0;
}

.messages-dialog-list-item-text-outer
{
    position: relative;
    display:flex;
    align-items: center;
    gap: 8px;
    flex: 1;

    overflow: hidden;
}
.messages-dialog-list-item-text-logo
{
    display:none;
    width: 25px;
    height: 25px;
    border-radius: 12px;
    background-size: cover;
    margin-right: 10px;
}

.messages-dialog-list-item-text
{
    flex:1;

    max-height: 20px;
    line-height: 20px;

    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    white-space: nowrap;

    color: var(--pruffme-text-secondary)
}

.im-highlighted-text {
    background: yellow;
}

.messages-dialog-list-item-text .smile
{
    width:24px;
    height:24px;
}
.messages-dialog-list-item-text .sticker
{
    width: 24px;
    height: 24px;
    display: block;
}

.messages-dialog-list-item-text .attachment
{
    color:var(--cabinet-add-header-color);
}


.messages-dialog-list-item-right-box
{
    display: flex;
    align-items: center;
}

.messages-dialog-list-item-right-box-dates
{
    display: flex;
    align-items: flex-end;

    flex-direction: column;
}
.messages-dialog-list-item-right-box-filter-icon
{
    width: 35px;
    height: 35px;
    background-size: cover;
    overflow: hidden;
    margin-left: 5px;
}

.messages-dialog-list-item-date
{
    color: var(--pruffme-text-secondary);
    flex-shrink: 0;
}
.messages-dialog-list-item-unread
{
    min-width: 18px;
    height: 18px;
    border-radius: 9px;

    font-size: 11px;
    font-weight: 500;

    padding-top: 1px;
    padding-left: 4px;
    padding-right: 4px;

    background-color: var(--pruffme-blue-100);
    color: #FFFFFF;

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

    overflow: hidden;
}
.messages-dialog-list-item.unread-item .messages-dialog-list-item-date
{
    /*display:none;*/
}
.messages-dialog-list-item.unread-item .messages-dialog-list-item-unread
{
    display:flex;
}



.notification-list-item
{
    display: flex;
    padding-left:15px;
    padding-right:15px;

    padding-top:5px;
    padding-bottom:5px;

    margin-top: 5px;
    position: relative;
    cursor:pointer;

    background-color: transparent;
    transition: background-color 1s linear;
}

.notification-list-item.unread
{
    background-color: #3779ac42;
    border-radius: 5px;
}

.notification-list-item-logo-box
{
    margin-right: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position:relative;
}
.notification-list-item-logo
{
    width:40px;
    height:40px;
    border-radius: 20px;
    background-size: cover;
    background-position: center;
}

.notification-list-item-time
{
    color: #9c9c9c;
}

.notification-list-item-content-box
{
    flex: 1;
    padding-top: 5px;

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

}
.notification-list-item-text
{

}
.notification-list-item-text .course_name
{
    font-weight: bold;
}
.notification-list-item-text .webinar_name
{
    font-weight: bold;
}
.notification-list-item-text .lesson_name
{
    color: #919191;
}
.notification-list-item-text .sender_name
{
    color: var(--cabinet-add-header-color);
}


.messages-dialog-admin-panel {
    position: fixed;
    bottom: 100px;
    right: 10px;

    border-radius: 8px;
    box-shadow: 0px 3px 36px #00000029;
    padding: 16px;

    background-color: #FFFFFF;
}

.messages-dialog-admin-panel-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px
}



.messages-dialog-message-list-item
{
    padding: 6px 0;

    margin-top: 60px;
    position: relative;

    background-color: transparent;
    transition: background-color 0.2s ease-in-out;
}

.messages-dialog-message-list-item.message_unreaded {
    background-color: #0560fd1f;
}

.messages-dialog-message-list-item.user_manager_message,
.messages-dialog-message-list-item.start_conference_message {
    margin-top: 16px;
}

.messages-dialog-message-list-item.service_message {
    margin-top: 8px;
}

.messages-dialog-message-list-item-inner {
    position: relative;
    display: flex;
    max-width: 650px;
    margin: auto;
}

.messages-dialog-message-list-item-logo-box {
    margin-right: 4px;
    height: fit-content;

    text-decoration: none !important;
}

.messages-dialog-message-list-item-selected-box {
    display: none;
    position: absolute;
    left: -34px;
    top: 10px;
}

.messages-dialog-message-list-item-selected-box label {
    margin-bottom: 0;
}

.messages-dialog-message-list-item.selected .messages-dialog-message-list-item-selected-box {
    display: block;
}

.messages-dialog-message-list-item.highlited
{
    background-color: rgba(33, 111, 230, 0.09);
}

.messages-dialog-message-list-item.service_message.highlited {
    background-color: #FFFFFF;
}

.messages-dialog-message-list-item.selected {
    background-color: rgba(33, 111, 230, 0.05);
}

.messages-dialog-message-list-item-start-conference {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;

    color: var(--pruffme-blue-100);
    font-size: 13px;

    text-align: center;
}

.messages-dialog-message-list-item-service {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;

    color: var(--pruffme-text-secondary);
    font-size: 13px;

    text-align: center;
}


.messages-dialog-message-list-item-invite {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;

    color: var(--pruffme-blue-100);
    font-size: 13px;

    text-align: center;
}

.messages-dialog-message-list-item-invite > a {
    padding: 0 4px;
    color: var(--pruffme-blue-100) !important;
}

.messages-dialog-message-list-item-time
{
    color: var(--pruffme-text-secondary);
}

.messages-dialog-message-list-item-content-box
{
    flex: 1;
    /* padding-top: 5px; */

    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: hidden;
}
.messages-dialog-message-list-item-label {
    display: flex;
    align-items: center;

    margin-left: 8px;
}

.messages-dialog-message-list-item-name
{
    font-weight: 500;
    color: var(--pruffme-text-primary);
    margin-right: 4px;
}


.messages-dialog-message-list-item-content
{
    background-color: #F6F9FE;
    margin-top: 4px;
    margin-left: 8px;
    padding: 8px;
    border-radius: 10px;

    min-height: 20px;
    line-height: 20px;
    color: var(--pruffme-text-primary);

    transition: background-color 0.2s ease-in-out;
    word-break: break-word;
    overflow: hidden;

    max-width: 100%;
}

.messages-dialog-message-list-item-text {
    line-height: 20px;
    word-break: break-word;
}

.messages-dialog-message-list-item-text.with-sticker
{
    background-color: inherit;
}




.messages-dialog-message-list-item-text .smile
{
    width:25px;
    height:25px;
}
.messages-dialog-message-list-item-text .sticker
{
    width: 130px;
    height: 130px;
    display: block;
}

.messages-dialog-message-list-item-text-browser-info
{

}


.messages-dialog-message-list-item-text .im-message-code
{
    background: none;
    border: none;
}

.mdmlitbi-header
{
    font-weight: bold;
}
.mdmlitbi-line
{
    display: flex;
}
.mdmlitbi-line-label
{
    width: 100px;
}
.mdmlitbi-line-value
{

}

.messages-dialog-message-list-item-creationdate {
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;

    width: 100%;
}

.messages-dialog-message-list-item.message-continue:not(.service_message) {
    padding-top: 0;
    margin-top: 0;
}

.messages-dialog-message-list-item.message-continue .messages-dialog-message-list-item-creationdate {
    display: none;
}

.messages-dialog-message-list-item.message-continue > .messages-dialog-message-list-item-inner > .messages-dialog-message-list-item-content-box > .messages-dialog-message-list-item-label {
    display: none;
}

.messages-dialog-message-list-item.message-continue > .messages-dialog-message-list-item-inner > .messages-dialog-message-list-item-logo-box {
    display: none;
}

.messages-dialog-message-list-item.message-continue > .messages-dialog-message-list-item-inner > .messages-dialog-message-list-item-content-box {
    margin-left: 44px;
}

.messages-dialog-message-list-item.selected .messages-dialog-message-list-item-submessages-box .messages-dialog-message-list-item-selected-box {
    display: none;
}

.messages-dialog-message-list-item-submessages-box .messages-dialog-message-list-item-content-box {
    margin-left: 0 !important;
}

.messages-dialog-message-list-item-lesson-label
{
    display:none;
}

.show_lesson .messages-dialog-message-list-item-lesson-label
{
    display: block;
    margin-top: 5px;
    background-color: #efefef;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
}

.show_lesson.message-continue .messages-dialog-message-list-item-lesson-label
{
    display:none;
}

.im-messages-input-attachments-container-lessons-box
{
    padding-top: 10px;
}

.im-messages-input-voice-record-container {
    position: relative;
    display: none;
}

.im-messages-input-container.show_voice_record .im-messages-input-voice-record-container {
    display: block;
}

.im-icon-message-voice-recording {
    background-image: url(../css/images/chat/icon_chat_voice_recording.gif);
}

.pruffme_voice_message_audio_preview_recording {
    width: 100%;
    height: 60px;

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

.im-messages-input-voice-record-box {
    width: 400px;
    position: absolute;
    bottom: 28px;
    left: 0;

    border-radius: 8px;
    background-color: #FFFFFF;
    box-shadow: 0px 2px 24px rgba(0, 0, 0, 0.08);
}

.pruffme_voice_message_box {
    padding: 8px;
}

.pruffme_voice_message_label {
    position: relative;
    font-weight: 500;
    margin-bottom: 8px;
    height: 32px;

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

.pruffme_voice_message_content_inputselect {
    height: 40px;
    margin-bottom: 8px;
}

.pruffme_voice_message_content_controls_box {
    display: flex;
    height: 60px;
    gap: 12px;
    align-items: center;
}

.pruffme_voice_message_content_controls {
    flex-shrink: 0;
}

.pruffme_voice_message_audio_actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px;
}

.pruffme_voice_message_audio_preview {
    display: flex;
    align-items: center;
    width: 100%;
}

.im-messages-input-attachments-container-submessages-box {
    position:relative;
    max-height: 20vh;
    overflow: auto;
}

.im-messages-input-attachments-container-submessages-box .messages-dialog-message-list-item-time
{
    display:none;
}
.im-messages-input-attachments-container-submessages-box .messages-dialog-message-list-item
{
    padding:0;
}
.im-messages-input-attachments-container-submessages-box .input-attachments-list-container {
    margin-left: 8px;
}

.im-messages-input-attachments-container-submessages-box-hover
{
    display: flex;

    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}

.im-messages-input-attachments-container-submessages-box .im_message_list_item_date {
    display: none;
}

.im-messages-input-attachments-container-submessages-box .messages-dialog-message-list-item {
    margin-bottom: 16px;
    margin-top: 0;
    border-left: 2px solid #8BB4F2;
}

.im-messages-input-attachments-container-submessages-box .messages-dialog-message-list-item-logo-box {
    display: none;
}

.im-messages-input-attachments-container-submessages-box .messages-dialog-message-list-item-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* margin-left: 8px; */
}

.im-messages-input-attachments-container-submessages-box .messages-dialog-message-list-item-submessages-box .messages-dialog-message-list-item-text {
    margin-left: 8px;
}

.im-messages-input-attachments-container-submessages-box .messages-dialog-message-list-item-submessages-box .messages-dialog-message-list-item {
    margin-bottom: 0;
}

.im-messages-input-attachments-container-submessages-box .messages-dialog-message-list-item-content {
    background-color: transparent;
    padding: 4px;
    margin: 0;
}

.im-messages-input-attachments-container-submessages-box .input-attachments-media-container,
.im-messages-input-attachments-container-submessages-box .messages-dialog-message-list-item-content,
.im-messages-input-attachments-container-submessages-box .messages-dialog-message-list-item-label {
    padding-left: 8px;
    margin-left: 0;
}


.input-dialog-message-list-item-lesson-label
{
    display: inline-block;
    background-color: #efefef;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
    cursor:pointer;
    position: relative;
    overflow: hidden;
}
.input-dialog-message-list-item-lesson-label-hover
{
    display:none;
}
.input-dialog-message-list-item-lesson-label:hover .input-dialog-message-list-item-lesson-label-hover
{
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(images/templates/im/icon_media_remove.svg);
    cursor: pointer;
}







.messages-dialog-message-list-item-medias-box
{
    margin-top:10px;
}

.messages-dialog-message-list-item-medias-box.multiple-attachments {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.messages-dialog-message-list-item-medias-box.multiple-attachments .pruffme_im_chat_attachment_image_box {
    height: 100%;
}

.messages-dialog-message-list-item-medias-box.multiple-attachments .pruffme_im_chat_attachment_image {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

.messages-dialog-message-list-item-medias-box.multiple-attachments .view-attachments-item-media-hover-preview {
    background-size: 30px;
}

.messages-dialog-message-list-item.same-day-message {
    margin-top: 24px;
}

.messages-dialog-message-list-item.same-day-message .messages-dialog-message-list-item-creationdate {
    display: none;
}


.messages-dialog-message-list-item.message-continue > .messages-dialog-message-list-item-logo-box,
.messages-dialog-message-list-item.message-continue > .messages-dialog-message-list-item-label
{
    display:none;
}

.messages-dialog-message-list-item.message-continue > .messages-dialog-message-list-item-content-box > .messages-dialog-message-list-item-label {
    display: none;
}

.messages-dialog-message-list-item.message-continue.marked > .messages-dialog-message-list-item-content-box > .messages-dialog-message-list-item-label {
    display: flex;
}

.messages-dialog-message-list-item.message-continue > .messages-dialog-message-list-item-content-box > .messages-dialog-message-list-item-text {
    margin-top: 0;
}

.messages-dialog-message-list-item.message-with-continue  > .messages-dialog-message-list-item-logo-box .messages-dialog-message-list-item-time
{
    position: absolute;
    top: 40px;
}

.messages-dialog-message-list-item.message-continue > .messages-dialog-message-list-item-content-box
{
    margin-left: 60px;
}
.messages-dialog-message-list-item.message-continue > .messages-dialog-message-list-item-content-box > .messages-dialog-message-list-item-name
{
    display:none;
}


.messages-dialog-message-list-item-icons-box {
    display: flex;
    flex-grow: 1;

    justify-content: flex-end;
}

.messages-dialog-message-list-item-icons
{
    position: relative;
    display: flex;
    flex-direction: row;
}

.messages-dialog-message-list-item-marked-btn {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    height: 14px;
    width: 14px;

    opacity: 1;

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

.messages-dialog-message-list-item-marked-box
{
    display: none;
    background-image: url(../css/images/chat/icon_chat_favorite_active.svg);
}

.messages-dialog-message-list-item-emailed-box {
    display: none;
    background-image: url(../../assets/css/images/chat/icon_chat_emailed_outlined.svg);
}

.messages-dialog-message-list-item-marked-btn:hover
{
    cursor: pointer;
    opacity: 0.7;
}

.messages-dialog-message-list-item.emailed .messages-dialog-message-list-item-emailed-box,
.messages-dialog-message-list-item.marked .messages-dialog-message-list-item-marked-box
{
    display: block;
    margin-right: 8px;
}










.messages-dialog-message-list-item-submessages-box:not(:empty) {
    position: relative;

    border-left: 2px solid #8BB4F2;
    padding-left: 12px;

    display: flex;
    flex-direction: column;
    gap: 12px;

    width: 100%;
    margin-bottom: 12px;
}

.messages-dialog-message-list-item-submessages-box .im_message_list_item_date,
.messages-dialog-message-list-item-submessages-box .messages-dialog-message-list-item-logo-box {
    display: none;
}

.messages-dialog-message-list-item-submessages-box .messages-dialog-message-list-item-content {
    background-color: inherit;
    padding: 0;
    margin-top: 0;
    margin-left: 0;
    border-radius: 0;
    padding-top: 4px;
}

.messages-dialog-message-list-item-submessages-box .messages-dialog-message-list-item-label {
    margin-left: 0;
}

.messages-dialog-message-list-item-submessages-box .messages-dialog-message-list-item {
    margin-top: 0;
    padding: 0;
}

.messages-dialog-message-list-item-submessages-box .messages-dialog-message-list-item-text {
    padding: 0;
}

.im-messages-input-attachments-container-submessages-box .messages-dialog-message-list-item-submessages-box:not(:empty) {
    border: none;
}

.messages-dialog-message-list-item-submessages-box .messages-dialog-message-list-item-lesson-label {
    display: none !important;
}

.messages-dialog-message-list-item-submessages-box .messages-dialog-message-list-item-marked-box {
    display: none !important;
}

.messages-dialog-message-list-item-submessages-box .input-attachments-media-container {
    margin-left: 0;
}

/* 1 вложенность */
.messages-dialog-message-list-item-submessages-box .input-attachments-media-container.multiple-attachments {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
}

.messages-dialog-message-list-item-submessages-box .input-attachments-media-container.multiple-attachments > .input-attachments-item-media.type-photo {
    min-height: 108px;
    min-width: 108px;
    width: 108px;
    height: 108px;

    max-width: 70%;
}

/* .messages-dialog-message-list-item-submessages-box .messages-dialog-message-list-item-submessages-box {
    display: none;
} */

.messages-dialog-message-list-item-text-long {
    display: none;
}

.messages-dialog-search-options-box
{
    display: flex;
    position: absolute;
    right: 5px;
    top: 0;
    align-items: center;
    height: 100%;
}

.messages-dialog-search-options-box.hidden
{
    display:none;
}

.messages-dialog-search-options-bottom-box
{
    display: flex;
    background-color: #FFFFFF;
    height: 60px;
    align-items: center;
    justify-content: center;

    margin-top: 10px;

    border-radius: 5px;

    box-shadow: 0px 3px 10px #0000001a;
}
.messages-dialog-search-options-bottom-box.hidden
{
    display:none;
}

.messages-dialog-search-options-item
{
    background-color: #f6f8fb;
    background-repeat: no-repeat;
    padding-left: 41px;
    padding-right: 20px;
    height: 30px;
    background-position: 10px center;
    background-size: 20px;
    line-height: 30px;
    color: var(--cabinet-add-header-color);
    font-weight: bold;
    border-radius: 5px;
    margin-left: 10px;
    cursor: pointer;
}

.messages-dialog-search-options-item.options-back
{
    background-image: url(images/templates/im/icon_search_options_close.svg);
    background-size: 13px;
    background-position: center;
    display:none;
}

.messages-dialog-search-options-item.selected
{
    background-color: var(--cabinet-add-header-color);
    color:#fff;
}
.messages-dialog-search-options-item.options-marked
{
    background-image: url(images/templates/im/icon_search_options_marked.svg);
    background-size: 17px;
}
.messages-dialog-search-options-item.options-marked.selected
{
    background-image: url(images/templates/im/icon_search_options_marked_selected.svg);
}

.messages-dialog-search-options-item.options-attachments
{
    background-image: url(images/templates/im/icon_search_options_attachments.svg);

}
.messages-dialog-search-options-item.options-attachments.selected
{
    background-image: url(images/templates/im/icon_search_options_attachments_selected.svg);
}

.messages-dialog-search-options-bottom-item
{
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    flex: 1;
    text-align: center;
    font-weight: bold;
    color: var(--cabinet-add-header-color);
    border-radius: 5px;
    margin-left: 10px;
    border:1px solid #EEEEEE;
    cursor:pointer;
}

.messages-dialog-search-options-bottom-item:hover {
    background-color: #F6F8FB;
}
.messages-dialog-search-options-bottom-item:last-child
{
    margin-right:10px;
}


.messages-dialog-search-options-bottom-item.selected
{
    color:#fff;
    background-color: var(--cabinet-add-header-color);
}


.messages-dialog-mobile-top
{
    display:none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-color: #dcebf5;
}
.messages-dialog-mobile-top-inner
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.messages-dialog-mobile-top-back-box
{
    padding-left: 20px;
    color: #999999;
    cursor: pointer;
    padding-right: 20px;
}

.messages-dialog-mobile-top-right
{
    display: flex;
    align-items: center;
}

.messages-dialog-mobile-top-inner-name-box
{

}
.messages-dialog-mobile-top-search-icon
{
    background-image: url(images/templates/im/im-messages-mobile-open-search.svg);
    background-position: center;
    background-repeat: no-repeat;
    width:40px;
    height:40px;
    cursor:pointer;
}
.messages-dialog-mobile-top-logo
{
    width: 30px !important;
    height: 30px !important;;
    border-radius: 5px !important;;
    margin-right: 10px;
}


.cabinet_items_container_fixed_bottom
{

}




.any_item_comments_box
{

}
.any_item_comments_box_list
{
    user-select: text;
}
.any_item_comments_box_input_container
{
    position: relative;
}
.any_item_comments_box_open_all_box
{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
}
.any_item_comments_box_open_all_box.hidden
{
    display:none;
}
.any_item_comments_box_open_all
{
    color: #777;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 30px;
    cursor: pointer;
}
.any_item_comments_box_open_all:hover
{
    background-color: #eee;

    border-radius: 15px;
}



.fixed_all_popup_history .any_item_comments_box_popup_outer
{
    position: inherit;
}

.fixed_all_popup_history.fixed_all_body_children .any_item_comments_box_popup_outer
{
    position: fixed;
}





:root {
    --any-item-comments-popup-width:900px;
    --any-item-comments-popup-width-half:450px;
}

.any_item_comments_box_popup_outer
{
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.any_item_comments_box_popup_background
{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index:10;
}
.any_item_comments_box_popup
{
    z-index:11;
    position: absolute;
    background-color: #fff;
    width:var(--any-item-comments-popup-width);
    top:0;
    left:calc(50% - var(--any-item-comments-popup-width-half));

    padding-top: 67px;
    padding-bottom: 70px;
    padding-left: 20px;
    padding-right: 20px;
    background-image: url(images/add/background_empty.png);
}

.im-dialog-fixed .any_item_comments_box_popup .cabinet_items_container_fixed_top
{
    width: calc(var(--any-item-comments-popup-width) - 40px);
    top: 0;
}
.im-dialog-fixed .any_item_comments_box_popup .cabinet_items_container_im_fixed_bottom_box
{
    width: calc(var(--any-item-comments-popup-width) - 40px);
}
.any_item_comments_box_popup .cabinet_items_container_content_box {
    min-height: calc(100vh - 144px);
    background-color: #fff;
    border-left: 1px solid var(--cabinet-add-border-color);
    border-right: 1px solid var(--cabinet-add-border-color);
}

.any_item_comments_box_popup_close
{
    background-image: url(images/templates/im/icon_close_dialog_popup_selector.svg);
    width: 40px;
    height: 40px;
    position: absolute;
    top: 26px;
    right: 29px;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center;
    cursor:pointer;
}










.im-messages-input-container
{
    background-color: #ffffff;
    /* border-top: 1px solid #e5e5e5; */
    height: 100%;
    /* display: flex; */
}

.im-messages-input-left-container
{
    flex: 1;
}
.im-messages-input-left-top-container
{
    display: flex;
}

.im-messages-input-container-line
{
    display: flex;
    width: 100%;
}
.im-messages-input-icon-attach
{
    position:relative;
}
.im-messages-input-action-attachment
{
    width:50px;
    height:50px;
    border:1px solid #e5e5e5;
    border-radius: 10px;
    background-color: #fff;
    margin-right:10px;
    cursor:pointer;

    background-image: url(images/templates/im/icon_action_attachment.svg);
    background-size: 23px;
    background-repeat: no-repeat;
    background-position: center;;
}

.im-messages-input-tags-box {
    position: absolute;
    display: none;

    border-radius: 8px;
    box-shadow: 0px 3px 36px #00000029;
    width: 250px;

    bottom: calc(100% + 10px);
    left: 0;
    overflow: hidden;
}

.im-messages-input-tags-box.open {
    display: block;
}

.im-messages-input-tags-box-inner {
    display: flex;
    flex-direction: column;
    height: 300px;

    background-color: #FFFFFF;

    overflow: hidden;
}

.im-messages-input-tags-box-header {
    font-weight: 500;
    color: var(--pruffme-text-primary);

    padding: 12px;

    padding-bottom: 8px;
    margin-bottom: 4px;

    border-bottom: 1px solid #F5F5F5;

    flex-shrink: 0;
}

.im-messages-input-inline-tag {
    width: auto !important;
    width: fit-content !important;
}

.im-messages-input-tags-box-content {
    position: relative;

    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;

    padding-bottom: 12px;

    overflow: auto;
}

.im-messages-input-tags-box-content:empty::after {
    content: attr(data-empty-placeholder);
    display: flex;
    justify-content: center;
    align-items: center;

    color: var(--pruffme-text-secondary);

    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.im-messages-input-tags-box-card {
    position: relative;
    background-color: #FFFFFF;
    border: none;
    display: block;
    text-align: left;

    padding: 0;
    padding-top: 4px;
    padding-left: 12px;
    padding-right: 4px;
    padding-bottom: 4px;
}

.im-messages-input-tags-box-card:hover {
    background-color: #F7F7F9;
}

.im-messages-input-tags-box-card-inner {
    display: flex;
    gap: 8px;
}

.im-messages-input-tags-box-card-avatar {
    flex-shrink: 0;
}

.im-messages-input-tags-box-card-right {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.im-messages-input-tags-box-card-name {
    font-weight: 500;
    color: var(--pruffme-text-primary);
}

.im-messages-input-tags-box-card-landing {
    color: var(--pruffme-text-secondary);
}

.im-messages-input-text-box
{
    flex:1;
    position:relative;
}
.im-messages-input-text
{
    padding: 14px;
    width: 100%;
    outline: none;
    max-height: 200px;

    padding-right: 42px;
    padding-left: 50px;

    border-radius: 5px;
    min-height: 48px;
    line-height:20px;
    overflow: auto;
    word-break: break-word;
    white-space: pre-wrap;
}

.im-messages-input-text.is-placeholder
{
    color:#ccc;
}

.im-messages-input-text .smile
{
    width:25px;
    height:25px;
}

.im-messages-input-text .sticker
{
    width: 130px;
    height: 130px;
    display: block;
}

.im-messages-input-text-quest-form {
    top: 17px;
    position: absolute;
    width: fit-content;
    margin-left: 10px;
    color: #919193;
}

.im-messages-input-text-quest-form.selected_input_text_quest_form {
    display: none;
}

.im-message-code
{
    min-height: 25px;
    padding: 0;
    margin: 0;
    line-height: 25px;
    padding-left: 5px;
}


.im-messages-input-actions-container
{
    display: flex;
    position: relative;

}
.im-messages-input-action-item
{
    width:50px;
    height:50px;
    border:1px solid #e5e5e5;
    border-radius: 10px;
    background-color: #fff;
    margin-left:10px;
    cursor:pointer;

    background-position: center;
    background-repeat: no-repeat;
}
.im-messages-input-actions-container .im-messages-input-action-item:first-child
{
    /*margin-left:0;*/
}

.im-messages-input-action-item.action-screen
{
    background-image: url(images/templates/im/icon_action_screen.svg);
    background-size: 25px;
}
.im-messages-input-action-item.action-camera
{
    background-image: url(images/templates/im/icon_action_camera.svg);
    background-size: 25px;
}
.im-messages-input-action-item.action-voice
{
    background-image: url(images/templates/im/icon_action-voice.svg);
    background-size: 21px;
}


.im-messages-input-action-item-smile
{
    background-image: url(images/templates/im/icon_action-smile.svg);
    background-size: 21px;
    position:absolute;
    width:40px;
    height:50px;
    cursor:pointer;

    background-position: center;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
}


.im-messages-input-action-send
{
    position: absolute;
    width: 0;
    background-color: var(--cabinet-add-header-color);
    color: #fff;
    line-height: 50px;
    height:50px;
    border-radius: 5px;
    text-align: center;
    right:0;
    overflow: hidden;
    cursor:pointer;

    transition: .5s ease-in-out;
    transition-property: width;
    transition-duration: .2s;
}

.im-messages-input-container.sendable .im-messages-input-actions-container
{
    min-width:180px;
}

.im-messages-input-container.sendable .im-messages-input-action-send
{
    width: calc(100% - 10px);
}


.im-messages-input-action-attachment-popup
{
    display:none;
    position: absolute;
    /*right:0;*/
    max-height: 50vh;
    overflow: auto;
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    bottom: 70px;
    width: 300px;
    z-index:10;


}
.im-messages-input-action-attachment-popup-line
{
    color:var(--cabinet-add-header-color);

    line-height: 40px;
    padding-left: 60px;
    cursor: pointer;
}
.im-messages-input-action-attachment-popup-line:hover
{
    background-color: #f7f9ff;
}

.im-messages-input-action-smiles-popup
{
    display:none;
    position: absolute;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    bottom: 70px;
    width: 50%;
    min-width: 360px;
    height:400px;
    right: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    z-index:100;
}
.im-messages-input-action-smiles-popup-inner
{
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.im-messages-input-action-smiles-popup-list
{
    position: absolute;
    width: 100%;
    height: calc(100% - 50px);
    display: flex;
    top: 50px;
}
.im-messages-input-action-smiles-popup-list-item
{
    width: 100%;
    height: 100%;
    padding: 10px;
    flex: none;
    overflow: auto;

    display: grid;
    grid-template-areas: "a a a a a a a";
    grid-gap: 10px;
    grid-auto-rows: 50px;
}
.im-messages-input-action-smiles-popup-list-item.base-stickers
{
    grid-template-areas: "a a a";
    grid-auto-rows: 100px;
}

.im-messages-input-action-smiles-popup-list-item.smiles
{
    grid-template-areas: "a a a a a a a a a a";
    grid-gap: 15px;
    grid-auto-rows: 30px;
}



.im-messages-input-action-smiles-popup-bottom
{
    height: 50px;
    width: 100%;
    display: flex;
    position: absolute;
    border-bottom: 2px solid #eee;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
}
.im-messages-input-action-smiles-popup-bottom-item
{
    height: 50px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px;
    cursor: pointer;
    font-weight: bold;
    line-height: 50px;
    padding-left: 10px;
    padding-right: 10px;
    color: rgba(0,0,0,0.3);
}
.im-messages-input-action-smiles-popup-bottom-item.selected
{
    border-bottom: 2px solid #0560fd;
    color: rgba(0,0,0);
}

/*.im-messages-input-action-smiles-popup-bottom-item.smiles
{
    background-image: url(images/templates/im/icon_stickers_bottom_smiles.svg);
}
.im-messages-input-action-smiles-popup-bottom-item.base-stickers
{
    background-image: url(images/templates/im/icon_stickers_bottom_base_stickers.svg);
}*/
.im-messages-input-action-smiles-popup-bottom-close
{
    position: absolute;
    right: 10px;
    top: 10px;
    background-image: url(images/webinar/chat/close_window_1.svg);
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.im-messages-input-action-smiles-popup-bottom-close:hover
{
    background-image: url(images/webinar/chat/close_window_2.svg);
}


.im-messages-input-action-smiles-popup-item
{
    width: 100%;
    background-size: contain;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.2s ease-in;
}

.im-messages-input-action-smiles-popup-item:hover {
    transform: scale(1.1);
}



.im-messages-input-attachments-container
{
    max-height: 40vh;
    overflow: auto;
    display:none;
}

.input-attachments-media-container
{
    display: flex;
    flex-wrap: wrap;
    overflow: auto;
    width: auto;
    max-width: 100%;
    margin-left: 8px;

    gap: 8px;
}

.im-messages-input-attachments-container .input-attachments-list-container:not(:empty),
.im-messages-input-attachments-container .input-attachments-media-container:not(:empty) {
    margin-left: 48px;
    margin-top: 12px;
}

.im-messages-input-attachments-container .input-attachments-list-container:not(:empty) {
    max-height: 79px;
    overflow: auto;
}

.im-messages-input-attachments-container .input-attachments-item-media.type-photo {
    min-height: 50px;
    max-height: 50px;

    min-width: 50px;
    max-width: 50px;
}

.input-attachments-list-container
{
    margin-top: 5px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}


.input-attachments-item-list-media
{
    display: flex;
    width: 100%;
    align-items: center;
}
/* .input-attachments-item-list-media-remove-box
{
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(images/templates/im/icon_list_media_remove.svg);
    border-radius: 15px;
    cursor:pointer;
}
.input-attachments-item-list-media-remove-box:hover
{
    background-color: #b9cfec;
} */

.input-attachments-item-list-media-audio-box
{
    width:100%;
}
.input-attachments-item-list-media-attachment-box
{
    position: relative;
    width: 100%;
    display: flex;
    padding-right: 8px;
    align-items: center;
    overflow: hidden;
}

.input-attachments-item-list-media-attachment-logo {
    width: 32px;
    height: 32px;
    background-image: url(images/templates/im/attachment_download_icon.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

    flex: none;
    cursor: pointer;
    background-color: transparent;

    margin: 0;
    padding: 0;

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

.im_chat_attachment_logo {
    width: 32px;
    height: 32px;
    background-image: url(../../assets/css/images/chat/icon_attachment_text.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

    flex: none;
    cursor: pointer;
    background-color: transparent;

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

.im_chat_attachment_logo.attachment_table {
    background-image: url(../../assets/css/images/chat/icon_attachment_table.svg);
}

.im_chat_attachment_logo.attachment_pdf {
    background-image: url(../../assets/css/images/chat/icon_attachment_pdf.svg);
}

.im_chat_attachment_logo.attachment_folder {
    background-image: url(../../assets/css/images/chat/icon_attachment_folder.svg);
}

.im_chat_attachment_logo.attachment_presentation {
    background-image: url(../../assets/css/images/chat/icon_attachment_presentation.svg);
}

.im_chat_attachment_logo.attachment_voice {
    background-image: url(../../assets/css/images/chat/icon_attachment_voice.svg);
}

.input-attachments-item-list-media-attachment-logo-box {
    position: relative;
    width: 32px;
    height: 32px;
}

.input-attachments-item-list-media-attachment-logo-box:hover .input-attachments-item-list-media-attachment-logo-hover {
    display: block;
}

.input-attachments-item-list-media-attachment-logo-hover {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    background-color: rgba(0, 0, 0, 0.3);
    background-image: url(../../assets/css/images/chat/icon_chat_attachment_hover.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;

    border-radius: 5px;
}

.input-attachments-item-list-media-attachment-info-box {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;

    margin-left: 8px;
    overflow: hidden;
}

.input-attachments-item-list-media-attachment-name-box {
    flex: 1;
    display: flex;
    overflow: hidden;
}
.input-attachments-item-list-media-attachment-name {
    color: var(--pruffme-text-primary);
    flex-shrink: 1;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 150px;
}

.input-attachments-item-list-media-attachment-ext {
    flex-shrink: 0;
    color: var(--pruffme-text-primary);
}

.input-attachments-item-list-media-attachment-size
{
    flex: 1;
    color: var(--pruffme-text-secondary);
}


.input-attachments-item-media
{
    min-height: 114px;
    min-width: 114px;
    max-width: 70%;

    border-radius: 5px;
    background-color: #F7F7F9;

    overflow: hidden;
    position: relative;
}

.messages-dialog-message-list-item-medias-box.multiple-attachments > .input-attachments-item-media.type-photo {
    width: 114px;
    height: 114px;
}

.messages-dialog-message-list-item-medias-box.multiple-attachments > .input-attachments-item-media.type-presentation,
.messages-dialog-message-list-item-medias-box.multiple-attachments > .input-attachments-item-media.type-video {
    width: auto;
    height: 114px;

    aspect-ratio: 16/9;
}

.input-attachments-item-media-logo
{
    width: 100%;
    height: 100%;
    background-size: cover;
}


.input-attachments-item-media-hover
{
    display:flex;
    width:100%;
    height:100%;
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;

    opacity: 0;

    transition: opacity 0.2s ease-out;
}

.input-attachments-item-media:hover .input-attachments-item-media-hover
{
    opacity: 1;
}

.input-attachments-item-media-hover-preview
{
    height:100%;
    width:100%;

    cursor:pointer;
}
.input-attachments-item-media-hover-play
{
    height:100%;
    width:50%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(images/templates/im/icon_media_play.svg);
    cursor:pointer;
    color:#fff;
    background-size: 18px;
}

.input-attachments-item-media-hover-remove
{
    position: absolute;
    top: 0;
    right: 0;
}

.input-attachments-item-media-hover-play:hover,
.input-attachments-item-media-hover-remove:hover
{
    background-color: rgba(0, 0, 0, 0.2);
}


.view-attachments-item-media-hover-play
{
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(images/chat/icon_video_play.svg);
    cursor: pointer;
    color: #fff;
}
.view-attachments-item-media-hover-preview
{
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../../assets/css/images/chat/icon_chat_image_show.svg);
    cursor: pointer;
}



.im-messages-input-selector-container
{
    display:none;
}
.im-messages-input-selector-container.selected
{
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    align-items: center;
    justify-content: space-between;
}
.im-messages-input-selector-numerator
{
    padding-left: 4px;
}
.im-messages-input-selector-actions-box
{
    display: flex;
    flex: 1;
    justify-content: flex-end;
    gap: 12px;
}
.im-messages-input-selector-cancelation
{
    border: 1px solid #e8e8e8;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    text-align: center;
    line-height: 50px;
    background-color: #fff;

    background-repeat: no-repeat;
    background-position: center;
    background-image: url(images/templates/im/messages_action_clear.svg);
    cursor:pointer;
    background-size: 14px;
}

.im-messages-input-selector-action
{
    margin-right: 10px;
}
.im-messages-input-selector-action.disabled
{
    opacity: 0.5;
    cursor: default;
}


.im-messages-input-selector-action:last-child
{
    margin-right: 0;
}

.im-messages-input-selector-action-icon
{
    background-repeat: no-repeat;
    background-position: center;
    width: 80px;
    height: 40px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    background-size: 22px;
    cursor:pointer;
}

.im-messages-input-selector-action.disabled .im-messages-input-selector-action-icon
{
    cursor: default;
}


.im-messages-input-selector-action-text
{
    text-align: center;
    font-size: 11px;
}

.im-messages-input-selector-action.action-response .im-messages-input-selector-action-icon
{
    background-image: url(images/templates/im/messages_action_response.svg);
}
.im-messages-input-selector-action.action-resend .im-messages-input-selector-action-icon
{
    background-image: url(images/templates/im/messages_action_resend.svg);
}
.im-messages-input-selector-action.action-like .im-messages-input-selector-action-icon
{

    background-image: url(images/templates/im/messages_action_like.svg);
}
.im-messages-input-selector-action.action-unread .im-messages-input-selector-action-icon
{
    background-image: url(images/templates/im/messages_action_unread.svg);
}
.im-messages-input-selector-action.action-mark-responsed .im-messages-input-selector-action-icon
{
    background-image: url(images/templates/im/messages_action_mark_responsed.svg);
}

.im-messages-input-selector-action.action-drop .im-messages-input-selector-action-icon
{
    background-image: url(images/templates/im/messages_action_drop.svg);
    background-size: 18px;
}


.im-messages-input-selector-action.action-email .im-messages-input-selector-action-icon
{
    background-image: url(images/templates/im/message_item_emailed.png);
    background-size: 18px;
}




.im-messages-input-record-video-container
{
    display:none;
}
.im-messages-input-record-video-container.selected
{
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 430px;
    background-color: #fcfcfc;
}


.im-messages-input-record-video-container
{

}
.im-messages-input-record-video-top-container
{
    height: 360px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.im-messages-input-record-video-top-container-video-box
{
    width: 320px;
    height: 320px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    padding: 20px;
}
.im-messages-input-record-video-top-container-video-inner
{
    width: 100%;
    height: 100%;
    background-color: #000;
    border-radius: 10px;
    overflow:hidden;
}
.im-messages-input-record-video-top-container-video
{
    width: 100%;
    height: 100%;
    background-color: #000;


}

.im-messages-input-record-audio-container-video
{
    display: none;
}



.im-messages-input-record-audio-container
{
    display:none;
}
.im-messages-input-record-audio-container.selected
{
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fcfcfc;

}
.im-messages-input-record-audio-container-progress-outer
{
    width:100%;
    height:4px;
    position: relative;
    background-color: #cddbf2;
}
.im-messages-input-record-audio-container-progress
{
    width:0;
    height:100%;
    background-color: #3779ac;
}

.im-messages-input-record-audio-container-inner
{
    display: flex;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    align-items: center;
    width:100%;
    height:66px;
}
.im-messages-input-record-audio-container-center
{
    flex: 1;
    justify-content: center;
    display: flex;
    align-items: center;
    position: relative;
}

.im-messages-input-record-audio-container-center-spinner
{
    background-color: #fcfcfc;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display:none;
}

.im-messages-input-record-audio-container-cancel
{
    border: 1px solid #e8e8e8;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    text-align: center;
    line-height: 50px;
    background-color: #fff;

    background-repeat: no-repeat;
    background-position: center;
    background-image: url(images/templates/im/messages_action_clear.svg);
    cursor:pointer;
    background-size: 14px;
}
.im-messages-input-record-audio-container-force-send
{
    border: 1px solid #e8e8e8;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    text-align: center;
    line-height: 50px;
    background-color: #fff;

    background-repeat: no-repeat;
    background-position: center;
    background-image: url(images/templates/im/icon_audio_force_send.svg);
    cursor:pointer;
    background-size: 20px;
}
.im-messages-input-record-audio-container-stop
{
    border: 1px solid #e8e8e8;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    text-align: center;
    line-height: 50px;
    background-color: #fff;

    background-repeat: no-repeat;
    background-position: center;
    background-image: url(images/templates/im/icon_recorder_stop.svg);
    cursor:pointer;
    background-size: 17px;
}
.im-messages-input-record-audio-container-label-audio
{
    flex:1;
    text-align: right;
    padding-right:10px;
}
.im-messages-input-record-audio-container-duration
{
    flex:1;
    text-align: left;
    padding-left:10px;
}

.inline-audio-container
{
    display:flex;
    align-items: center;
}

.inline-audio-container-logo
{
    width: 32px;
    height: 32px;
    background-image: url(../../assets/css/images/chat/icon_chat_audio_play.svg);
    background-color: var(--pruffme-blue-100);
    background-size: 12px;
    background-position: 12px center;
    background-repeat: no-repeat;
    border-radius: 16px;

    flex: none;
    cursor:pointer;
}

.inline-audio-container-logo.playing
{
    background-image: url(../../assets/css/images/chat/icon_chat_voice_pause.svg);
    background-position: center;
}

.inline-audio-container-main
{
    flex: 1;
    margin-left: 10px;
    margin-right: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.inline-audio-container-center
{
    display: flex;
    align-items: center;
    width:100%;
    justify-content: space-between;
}
.inline-audio-container-info {
    display: flex;
    flex-direction: column;
}

.inline-audio-container-name
{
    flex: 1;
    color: #000000;
    color: var(--pruffme-text-primary);
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    padding-right: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.inline-audio-container-author {
    display: none;
    color: #808080;
    margin-top: 3px;
}

.inline-audio-container-duration
{
    color: var(--pruffme-text-secondary);
}

.inline-audio-container-content
{
    display:flex;
}
.inline-audio-container-content.hidden
{
    display:none;
}

.inline-audio-container-content ~ .inline-audio-container-duration {
    display: none;
}

.inline-audio-container-content.hidden ~ .inline-audio-container-duration {
    display: block;
}

.inline-audio-container-progress-outer
{
    height: 20px;
    display: flex;
    align-items: center;
    position: relative;
    flex: 1;
    cursor:pointer;
}

.inline-audio-container-progress
{
    width:100%;
    height:4px;
    background-color: #cddbf2;
    border-radius: 2px;

}
.inline-audio-container-progress-inner
{
    height:100%;
    background-color: var(--pruffme-blue-100);
    border-radius: 2px;
    width:0;
}

.inline-audio-container-progress-point
{
    display:none;
    position:absolute;
    width:10px;
    height:10px;
    border-radius: 5px;
    background-color: var(--pruffme-blue-100);
    top:5px;
}

.inline-audio-container-progress-outer:hover .inline-audio-container-progress-point
{
    display: block;
}



.inline-audio-container-volume-outer
{
    width: 64px;
    height:20px;
    display: flex;
    align-items: center;
    position:relative;
    margin-left:12px;
    cursor:pointer;
}

.inline-audio-container-volume
{
    width:100%;
    height:4px;
    background-color: #cddbf2;
    border-radius: 2px;

}
.inline-audio-container-volume-inner
{
    height:100%;
    background-color: var(--pruffme-blue-100);
    border-radius: 2px;
}

.inline-audio-container-volume-point
{
    display:none;
    position:absolute;
    width:10px;
    height:10px;
    border-radius: 5px;
    background-color: var(--pruffme-blue-100);
    top:5px;
}

.inline-audio-container-volume-outer:hover .inline-audio-container-volume-point
{
    display: block;
}





/* STYLE CABINET INPUT */

.im-messages-input-container.style-cabinet {
    max-width: 650px;
    margin: auto;
    position: relative;
}

.im-messages-input-container.style-cabinet .im-messages-input-action-attachment {
    width: 50px;
    height: 50px;
    border: 1px solid #EEEEEE;
    border-radius: 25px;
    background-color: #FFFFFF;
    cursor:pointer;

    background-image: url(images/templates/im/styles/icon_action_attachment.svg);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;;
}


.im-messages-input-container.style-cabinet .im-messages-input-text {
    background-color: #fff;

    width: 100%;
    padding: 8px 50px;
    color: var(--pruffme-text-primary);

    max-height: 200px;
    min-height: 40px;
    line-height: 20px;

    border: 2px solid #F5F5F5;
    border-radius: 5px;

    overflow: auto;
    word-break: break-word;
}

.im-messages-input-container.style-cabinet .im-messages-input-icon-attach
{
    margin-right: 8px;
}

.im-messages-input-container.style-cabinet .im-messages-input-action-item {
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 20px;

    background-color: #fff;
    margin-left: 15px;
    cursor: pointer;

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

.im-messages-input-container.style-cabinet .im-messages-input-action-item:first-child {
    margin-left: 0;
}

.im-messages-input-container.style-cabinet .im-messages-input-actions-container {
    display: flex;
    justify-content: center;
}

.im-messages-input-container.style-cabinet .im-messages-input-action-item-smile {
    background-image: url(images/templates/im/styles/icon_action-smile.svg);
    background-size: 21px;
    position:absolute;
    width:40px;
    height:50px;
    cursor:pointer;

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

    top: 0;
    right: 10px;
}

.im-messages-input-container.style-cabinet .im-messages-input-action-item.action-screen
{
    background-image: url(images/templates/im/styles/icon_action_screen.svg);
    background-size: 20px;
}
.im-messages-input-container.style-cabinet .im-messages-input-action-item.action-camera
{
    background-image: url(images/templates/im/styles/icon_action_camera.svg);
    background-size: 22px;
}
.im-messages-input-container.style-cabinet .im-messages-input-action-item.action-voice
{
    background-image: url(images/templates/im/styles/icon_action-voice.svg);
    background-size: 16px;
}



.im-messages-input-container.style-cabinet .im-messages-input-action-send {
    position: absolute;
    right:0;
    width: 0;
    border-radius: 0 25px 25px 0;

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

    height: 100%;

    background-color: #1675bd;
    color: #fff;
    font-size: 15px;

    transition: .5s ease-in-out;
    transition-property: all;
    transition-duration: .2s;

    overflow: hidden;
    cursor:pointer;
}

.im-messages-input-container.style-cabinet .im-messages-input-action-send:hover {
    background-color: #FFFFFF;
    color: #1675bd;
}

.im-messages-input-container.style-cabinet .im-messages-input-actions-container {
    position: relative;
    overflow: hidden;
    width: 0;
    min-width: 0;
    transition: width 0.2s ease-in;
}

.im-messages-input-container.style-cabinet.sendable .im-messages-input-actions-container {
    width: 56px;
}

.im-messages-input-container.style-cabinet .im-messages-input-action-item-smile-wrapper {
    position: absolute;
    right: 0;
    bottom: 0;

    display: flex;
    align-items: flex-end;
}

.im-messages-input-actions-send-button-wrapper {
    display: absolute;
    padding-left: 8px;
    left: 0;
}


.im-messages-input-container.style-cabinet .im-messages-input-action-attachment-popup {
    display:none;
    position: absolute;
    max-height: 50vh;

    background-color: #FFFFFF;
    padding: 25px;
    border: none;
    border-radius: 5px;
    bottom: 70px;
    width: 240px;

    box-shadow: 0px 3px 10px #0000001A;
}

.im-messages-input-container.style-cabinet .im-messages-input-action-attachment-popup-line
{
    color: #000000;
    padding: 0;
    margin-bottom: 25px;
    line-height: normal;
    cursor: pointer;
}

.im-messages-input-container.style-cabinet .im-messages-input-action-attachment-popup-line:last-child {
    margin-bottom: 0;
}

.im-messages-input-container.style-cabinet .im-messages-input-action-attachment-popup-line:hover
{
    background-color: transparent;
    text-decoration: underline;
}

.im-messages-input-container.style-cabinet .im-messages-input-action-smiles-popup
{
    background-color: #fff;
    border-radius: 5px;
    border: none;
    bottom: 70px;
    width: 50%;
    min-width: 360px;
    height:300px;
    right: 10px;
    margin-bottom: 10px;

    box-shadow: 0px 3px 10px #0000001A;
}

.im-messages-input-container.style-cabinet .im-messages-input-selector-container.selected {
    background-color: #FFFFFF;
    padding: 0;
}

.im-messages-input-container.style-cabinet .im-messages-input-selector-action {
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}

.im-messages-input-container.style-cabinet .im-messages-input-selector-action:hover {
    cursor: pointer;
    background-color: #f0f2f5;
}


.im-messages-input-container.style-cabinet .im-messages-input-selector-action:not(:first-child) {
    border-left: 1px solid #EEEEEE;
}

.im-messages-input-container.style-cabinet .im-messages-input-selector-action-icon {
    background-repeat: no-repeat;
    background-position: center;
    width: 60px;
    height: 40px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    background-size: 22px;
    cursor:pointer;
}

.im-messages-input-container.style-cabinet .im-messages-input-selector-action {
    display: flex;
    align-items: center;
    flex-direction: column;

    padding: 0 10px;
    margin-right: 0;
}

.im-messages-input-container.style-cabinet .im-messages-input-text-box {
    display: flex;
}

.im-messages-input-container.style-cabinet .im-messages-input-left-top-container,
.im-messages-input-container.style-cabinet .im-messages-input-text {
    flex: 1;
}

.im-messages-input-container.style-cabinet .im-messages-input-attachment-box {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    display: flex;
    align-items: flex-end;
}

.quiq_record_popup_background
{
    z-index: 1001;
}

.quiq_record_popup
{

    bottom: auto;

    z-index: 1001;
}

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

.quiq_record_popup_player_container
{
    display: flex;
    justify-content: center;

    width: 100%;
    max-height: 50vh;

    background-color: #f6f6f6;
    background-image: url('images/webinar/check/photo-camera.svg');
    background-repeat: no-repeat;
    background-position: center;

    margin-bottom: 20px;

    overflow: hidden;
}

.quiq_record_popup_check_box {
    display: flex;

    margin-bottom: 20px;
}

.quiq_record_check_select {
    width: 100%;
    padding: 8px;

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

    background-color: #FFFFFF;

    border: 1px solid #E4E4E4;
    border-radius: 5px;
}

.quiq_record_check_select:not(:first-child) {
    margin-left: 20px;
}

.quiq_record_popup_video
{
    max-width:100%;
    max-height:100%;
}

.quiq_record_start_record
{
    width: calc(50% - 10px);
    height: 40px;
    border: 1px solid #ccc;
    text-align: center;
    float: left;
    line-height: 40px;
    background-color: #72cc72;
    color: #fff;
    cursor:pointer;
}

.quiq_record_start_record.disabled
{
    background-color: #bed6be;
    cursor:default;
}
.quiq_record_install_screen
{
    display: none;
    text-align: center;
    text-decoration: underline;
    cursor: pointer;
    font-weight: bold;
    color: #ab0f0f;
}

.quiq_record_stop_record
{
    width: 100%;
    height: 40px;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    text-align: center;
    float: left;
    line-height: 40px;
    color: #fff;
    background-color: #cc6a6a;
    cursor:pointer;
}

.quiq_record_stop_record.disabled
{
    background-color: #cebbbb;
    cursor:default;
}

.quiq_record_popup_buttons_container
{
    margin-left: 5%;
    width: calc(100% - 10%);
    margin-top: 20px;
}

.quiq_record_publish_record
{
    margin-top: 20px;
    height: 40px;
    margin-left: 5%;
    width: calc(100% - 10%);
    background-color: #3467b1;
    text-align: center;
    border-radius: 20px;
    color: #fff;
    line-height: 40px;
    cursor:pointer;

    display:none;
}







/*      Landing comments messages   */

.landing_item_comments_box_inner
{

}

.landing_item_comments_box_inner.lic_hidden
{
    display:none;
}


.landing_item_comments_container
{
    margin-bottom:20px;
    padding-top:10px;
    position:relative;

    max-height: 400px;
    overflow: auto;
}

.landing_item_comments_container::-webkit-scrollbar {
	width: 10px;
	background-color: #F5F5F5;
}
.landing_item_comments_container::-webkit-scrollbar-track {
    border-radius: 10px;
    background: rgba(0,0,0,0.1);
    border: 1px solid #ccc;
}

.landing_item_comments_container::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: linear-gradient(left, #fff, #e4e4e4);
    border: 1px solid #aaa;
}

.landing_item_comments_container::-webkit-scrollbar-thumb:hover {
    background: #fff;
}

.landing_item_comments_container::-webkit-scrollbar-thumb:active {
    background: linear-gradient(left, #22ADD4, #1E98BA);
}

.user-landing-spinner-item
{
    position:relative;
    height:100px;
    width:100%;
}

.user_landing_comment_item
{
    border-bottom: none;
    margin-top:5px;
    position:relative;
}

.user_landing_comment_item_left_box
{
    width:60px;
    float:left;
}
.user_landing_comment_item_right_box
{
    width:calc(100% - 70px);
    float:left;
    position:relative;
}

.user_landing_comment_item_user_logo
{
    width:40px;
    height:40px;
    margin-left: 10px;
    border-radius:20px;
    border:1px solid #eee;
    overflow:hidden;
}

.user_landing_comment_item_user_logo > img
{
    width:100%;
}
.user_landing_comment_user_name
{
    font-weight:bold;
    margin:0;
    cursor:pointer;
    float: left;
}
.user_landing_comment_date
{
    color:#cccccc;
    margin:0;
    float: right;
}

.user_landing_comment_text
{
    margin-top: 5px;
    margin-bottom: 0;
    width: 100%;
    word-break:break-all;
}



.user_landing_comment_item .user_landing_news_photos_box
{
    margin-bottom:20px;
}
.user_landing_comment_drop_btn
{
    background-image: url(images/templates/icon_close_small_10.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    position:absolute;
    width:10px;
    height:10px;
    top:5px;
    right:5px;
    cursor:pointer;
    display:none;
}

.user_landing_comment_item:hover .user_landing_comment_drop_btn.can_drop
{
    display:block;
}


.show-all-comments-box
{

}

.show-all-comments-box > p
{
    cursor: pointer;
    text-align: center;
    margin:0;
    color:#377aae;
}



.user-news-top-photos-box
{
    padding: 10px;
    border-bottom: 1px solid #dddddd;
    display:none;
}

.user-news-top-photos-box:before,
.user-news-top-photos-box:after {
    content: "";
    display: table;
}

.user-news-top-photos-box:after {
    clear: both;
}

.user-news-top-photo-item
{
    width:140px;
    height:100px;
    overflow:hidden;
    margin-right:5px;
    margin-bottom:5px;
    float:left;
    position:relative;
}
.user-news-top-photo-item .img_horisontal
{
    height:100%;
}

.user-news-top-photo-item .img_vertical
{
    width:100%;
}

.user-news-top-photo-item-close
{
    background-image: url(landing/images/icon_close.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 13px;
    height: 13px;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.user_landing_news_photo_items_line
{

}
.user_landing_news_photo_items_line:before,
.user_landing_news_photo_items_line:after {
    content: "";
    display: table;
}
.user_landing_news_photo_items_line:after {
    clear: both;
}

.user_landing_news_photo_items_line_left
{
    width:calc(70% - 10px);
    float:left;
    margin-right:10px;
    height:350px;
}
.user_landing_news_photo_items_line_right
{
    width:30%;
    float:left;
    height:350px;
}


.user_landing_news_photo_item
{
    overflow:hidden;
    max-height:350px;
}
.user_landing_news_photo_item .img_horisontal
{
    height:100%;
}
.user_landing_news_photo_item .img_vertical
{
    width:100%;
}

.user_landing_news_photo_item.only
{
    width:100%;
}

.user_landing_news_photo_item.two_one
{
    width:calc(50% - 10px);
    float:left;
    margin-right:10px;
}
.user_landing_news_photo_item.two_two
{
    width:50%;
    float:left;
}

.user_landing_news_photo_item.three_one
{
    width:100%;
}
.user_landing_news_photo_item.three_two
{
    width:100%;
    height:30%;
}
.user_landing_news_photo_item.three_three
{
    width:100%;
    margin-top:10px;
    height:calc(70% - 10px);
}


.user_landing_news_photo_item.four_one
{
    width:100%;
}
.user_landing_news_photo_item.four_two
{
    width:100%;
    height:33%;
}
.user_landing_news_photo_item.four_three
{
    width:100%;
    margin-top:10px;
    height:calc(33% - 10px);
}
.user_landing_news_photo_item.four_four{
    width:100%;
    margin-top:10px;
    height:calc(33% - 10px);
}


.user_landing_news_photo_item.quart
{
    float:left;
    width: calc(25% - 10px);
    height: 100px;
    margin-left:10px;
    margin-top:10px;
}

.user_landing_news_photo_item.quart:first-child,
.user_landing_news_photo_item.quart:nth-child(5n)
{
    width:25%;
    margin-left:0;
}


.user_landing_news_item_comments_box
{
    display:none;
}


.button-spinner-container
{
    position: relative;
}


.any-embed-rotator
{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    right:0;
    bottom:0;
    top:0;

}
.im-message-dialog-rotator
{
    bottom: 30px;
    position: fixed;
}



.quill-vars-box
{

}
.quill-vars-box .value-name
{
    background-image: url(images/templates/quill_vaiables_icon.svg);
    background-position: 2px;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: inline-block;
}
.quill-vars-box .dropdown-menu,
.quill-templates-box .dropdown-menu
{
    top: 25px;
    right: 0;
    left: auto;
}
.quill-vars-box .btn
{
    width: 35px !important;
}


.quill-templates-box .value-name
{
    background-image: url(images/templates/quill_templates_icon.png);
    background-position: 2px;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: inline-block;
}
.quill-templates-box .btn
{
    width: 35px !important;
}

.quill-raw-container
{
    display:none;
}







.popup_photo_cropper_selector_box_background
{
    z-index:1004;
}
.popup_photo_cropper_selector_box
{

    width: calc(100% - 100px);
    left: 50px;
    z-index: 1005;
}

.popup_photo_cropper_header_label {
    position: absolute;
    top: 15px;

    color: #000000;
    font-weight: bold;
    font-size: 13pt;
    text-transform: uppercase;
    margin: 0;
}

.popup_photo_cropper_header_resolution
{
    position: absolute;
    text-align: center;
    top: 20px;
    left: 0;
    width: 100%;
}

.popup_photo_cropper_selector_container
{
    position: absolute;
    bottom: 60px;
    top: 55px;
    width: 100%;
    overflow:hidden;
}
.popup_photo_cropper_selector_container > img
{
    max-width: 100%;
}

.popup_photo_cropper_selector_container_spinner
{
    position: absolute;
    bottom: 60px;
    top: 55px;
    width: 100%;
    overflow:hidden;
    display:none;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 2000;
}


.popup_photo_cropper_selector_bottom
{
    position: absolute;
    bottom: 0;

    height: 60px;
    width: 100%;

    padding: 0 20px;
}

.popup_photo_cropper_selector_bottom_button
{
    background-color: #2c74ab;
    cursor:pointer;
    border-radius: 15px;
    color: #fff;

    margin-left: 10px;

    float: right;
    margin-top: 15px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-right: 15px;
    padding-left:15px;
    padding-right:15px;
}






.landing-comments-box
{
    /*padding-left: 30px;
    padding-right: 30px;
    padding-top: 15px;
    padding-bottom: 15px;*/
}

.landing-comments-input-container
{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

}
.landing-comments-input-logo
{
    border-radius: 25px;
    width: 50px;
    height: 50px;
    background-size: cover;
    background-repeat: no-repeat;
}

.landing-comments-input-area-outer
{
    flex: 1;
    margin-left: 15px;
    margin-top: 5px;
    position: relative;
}

.landing-comments-input-area
{
    width: 100%;
    min-height: 43px;
    border: 1px solid #eeeeee;
    border-radius: 5px;


    padding-left: 10px;
    padding-right:10px;
    padding-top: 10px;
    line-height: 25px;

    outline: none;
    resize: vertical;
}

.landing-comments-input-area::placeholder
{


}



.landing-comments-input-send-button
{
    background-color: #3779ac;
    height: 45px;
    color: #fff;
    line-height: 45px;

    text-align: center;
    border-radius: 5px;


    width:0;
    transition: .5s ease-in-out;

    transition-property: width;
    transition-duration: .2s;
    cursor:pointer;


}

.landing-comments-input-sendable .landing-comments-input-send-button
{
    width: 200px;
    margin-left: 10px;
    margin-top: 5px;

}

.landing-comments-input-attachmment-box
{
    position: absolute;
    right: 15px;
    top: 10px
}
.landing-comments-input-attachmment-box-icon
{
    background-image: url(images/cabinet/messages_attach_file_base_unselected.png);
    background-position: 0 0px;
    background-repeat: no-repeat;
    width: 26px;
    height: 24px;
    cursor: pointer;
}
.landing-comments-input-attachmment-dropdown-box
{
    display:none;
    position: absolute;
    bottom: 45px;
    right: -15px;
    background: #eee;
    border-radius: 5px;
}





.attachment-dropdown-list
{
    list-style-type: none;
    list-style: none;
    padding: 0;
    margin: 0;
}
.attachment-dropdown-list > li
{
    padding-left: 50px;
    padding-right: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    background-repeat: no-repeat;
}

.attachment-dropdown-list > li:hover
{
    background-color: #e4e4e4;
}

.attachment-dropdown-list-item-video {
    background-image: url(images/cabinet/messages_attachment_video.png);
    background-position: 10px center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.attachment-dropdown-list-item-audio {
    background-image: url(images/cabinet/messages_attachment_audio.png);
    background-position: 10px center;
}
.attachment-dropdown-list-item-image {
    background-image: url(images/cabinet/messages_attachment_image.png);
    background-position: 10px center;
}
.attachment-dropdown-list-item-attachment {
    background-image: url(images/cabinet/messages_attachment_file.png);
    background-position: 10px center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}




.landing-comments-input-attachments-box
{
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
}
.landing-comments-input-attachment-item
{
    width: 140px;
    height: 100px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    margin: 5px;
}
.landing-comments-input-attachment-item-logo
{
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.landing-comments-input-attachment-item-close
{
    background-image: url(landing/images/icon_close.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    position:absolute;
    width:19px;
    height:19px;
    top:5px;
    right:5px;
    cursor:pointer;
}


.landing-comments-number-box
{
    border-bottom: 1px solid #f7f7f7;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    font-weight: bold;
}

.landing-comments-content-box
{

}

.landing-comments-under-content-box
{
    display: flex;
    justify-content: center;
}
.landing-comments-under-content-box.hidden
{
    display:none;
}

.landing-comments-load-next-items-button
{
    text-decoration: underline;
    cursor: pointer;
}





.landing-comments-item
{
    margin-bottom: 20px;
}
.landing-comments-item-inner
{

}
.landing-comments-item-main-line
{
    display: flex;
    position:relative;
}

.landing-comments-item-action-drop
{
    position: absolute;
    top:12px;
    right:0;

    background-image: url(images/templates/icon_close_small_10.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    position:absolute;
    width:10px;
    height:10px;
    cursor:pointer;

    display:none;
}

.landing-comments-item-main-line:hover .landing-comments-item-action-drop
{
    display:block;
}







.landing-comments-item-logo
{
    border-radius: 20px;
    width: 40px;
    height: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    border: 1px solid #eee;
}
.landing-comments-item-right-box
{
    flex: 1;
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100%;
}
.landing-comments-item-name-box
{
    display: flex;
}
.landing-comments-item-name-label
{
    font-weight: bold;
}
.landing-comments-item-date-label
{
    margin-left: 30px;
    color: #ccc;
}
.landing-comments-item-text
{
    margin-top: 10px;
}
.landing-comments-item-attachments
{
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;

}
.landing-comments-item-attachments.hidden
{
    display:none;
}
.landing-comments-item-attachment-item
{
    width: 100px;
    height: 70px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    margin: 5px;
}
.landing-comments-item-attachment-item-logo
{
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.landing-comments-item-attachment-over
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
}

.landing-comments-item-attachment-item.type_2 .landing-comments-item-attachment-over,
.landing-comments-item-attachment-item.type_4 .landing-comments-item-attachment-over,
.landing-comments-item-attachment-item.type_8 .landing-comments-item-attachment-over
{
    background-image: url(images/templates/landing_comments_media_item_video.svg);
}

.landing-comments-item-attachment-item.type_3 .landing-comments-item-attachment-over,
.landing-comments-item-attachment-item.type_9 .landing-comments-item-attachment-over
{
    background-image: url(images/templates/landing_comments_media_item_audio.svg);
}

.landing-comments-item-attachment-item.type_0 .landing-comments-item-attachment-over,
.landing-comments-item-attachment-item.type_1 .landing-comments-item-attachment-over,
.landing-comments-item-attachment-item.type_5 .landing-comments-item-attachment-over,
.landing-comments-item-attachment-item.type_7 .landing-comments-item-attachment-over
{
    background-image: url(images/templates/landing_comments_media_item_photo.svg);
}

.landing-comments-item-attachment-item.type_6 .landing-comments-item-attachment-over
{
    background-image: url(images/templates/landing_comments_media_item_download.svg);
}


.header-v2-dropdown-box {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    font-size: inherit;
    text-align: left;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    z-index: 1000;
    overflow: hidden;

    display: none;
}

.header-logined-dropdown-box {
    width: 219px;
}


.header-flag-dropdown-box {
    width: 152px;
    border-radius: 8px;
}

.header-flag-dropdown-box .header_dropdown_menu_item_inner {
    min-height: 40px;
}

.header-flag-dropdown-box a {
    padding: 0 10px;
}

.header-flag-dropdown-box > .header-dropdown-list {
    padding: 6px;
}

.header-flag-outer-box
{
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    width:100%;
    height:100%;
    border-radius: 8px;
    padding-left: 8px;
    padding-right: 1px;
}
.header-flag-outer-box:hover
{
    background: #FFFFFF1A;
}
.header-flag-show-box
{
    width: 100%;
    height: 100%;

    border-radius: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(images/templates/language_white.svg);
}

.header-flag-show-box:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.header-language-text-show-box
{
    text-transform: uppercase;
    color: white;
}

.header-question-dropdown-parent,
.header-flag-dropdown-parent,
.header-user-dropdown-parent,
.header-test-selection-dropdown-parent
{
    position: relative;
    cursor:pointer;
}
.header-question-dropdown-box
{
    width: 250px;

    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    z-index: 1000;

    display: none;
}

.header-test-selection-dropdown-box
{
    min-width: 100%;
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    font-size: 13px;
    text-align: left;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    z-index: 1000;
    display: none;
    color: #333;
}


.payment-type-selection-dropdown-box-outer
{
    position:relative;
}
.payment-type-selection-dropdown-value
{
    width: 100%;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    background-image: url(images/templates/payment-types-left-icon.svg);
    background-repeat: no-repeat;
    background-position: left 10px center;
    padding-left: 40px;

}
.payment-type-selection-dropdown-icon
{
    position: absolute;
    background-image: url(images/templates/payment-types-right-icon.svg);
    top: 22px;
    right: 12px;
    background-repeat: no-repeat;
    width: 15px;
    height: 100%;
}

.payment-type-selection-dropdown-box
{
    min-width: 100%;
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    font-size: 13px;
    text-align: left;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    z-index: 1000;
    display: none;
    color: #333;
}

.templates-v2-im-messages-number-wrapper {
    position: absolute;
    right: 10px;
    top: -1px;
    bottom: -3px;
    display: flex;
    align-items: center;
}

.header-v2-dropdown-box .im-messages-number,
.cabinet-v2-container-left-menu-item .im-messages-number {
    display: flex;
    justify-content: center;
    align-items: center;

    width: 25px;
    height: 25px;
    background-color: #257AFB;
    color: #FFFFFF;
    font-weight: 500;

    border-radius: 15px;

    transition: opacity 0.2s ease-in-out;
}
.header-v2-dropdown-box .im-messages-number:empty,
.cabinet-v2-container-left-menu-item .im-messages-number:empty{
    opacity: 0;
}

.header-dropdown-list
{
    list-style-type: none;
    list-style: none;
    padding: 10px;
    margin: 0;
    font-size: 13px;
}
.header_dropdown_menu_divider
{
    height: 1px;
    background-color: var(--pruffme-border-accent);
    margin: 6px 0;
}
.header_dropdown_menu_item
{
    list-style: none;
    margin: 0;

    border-radius: 5px;

    overflow: hidden;
}

.header_dropdown_menu_item_inner {
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
    min-height: 50px;
    padding: 10px;

    color: #000000;
    background-color: #FFFFFF;
    text-decoration: none;
    border: none;

    cursor: pointer;
}

.header-logined-dropdown-box .header_dropdown_menu_item_inner
{
    min-height: 40px;
}

.menu_cabinet_user > .header_dropdown_menu_item_inner
{
    padding: 0 10px;
}

.header_dropdown_menu_item_inner:hover {
    background-color: #F8F8F8;
}

.header_dropdown_menu_item_profile
{
    display: flex;
    flex-direction: row;
    align-items: center;
    max-width: 100%;
}

.header_dropdown_menu_user_profile_info
{
    max-width: 100%;
    overflow: hidden;
}

.header_dropdown_menu_user_name
{
    color: var(--pruffme-text-primary);
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    text-wrap: nowrap;
    text-overflow: ellipsis;
}

.header_dropdown_menu_user_email
{
    color: var(--pruffme-text-secondary);
    font-size: 12px;
    font-weight: 400;
    overflow: hidden;
    text-wrap: nowrap;
    text-overflow: ellipsis;
}

.header_dropdown_menu_item_avatar
{
    margin: 12.5px 8px 10.5px 0px;
}

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

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

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


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

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

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

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

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

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

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

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

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

.header_dropdown_menu_item_text {
    margin-left: 10px;
}

.header_dropdown_menu_item_text,
.header_dropdown_menu_item_inner:hover,
.header_dropdown_menu_item_inner:visited {
    text-decoration: none;
    color: #000000;
    font-weight: 400;
    font-family: rubik;
}

.header_dropdown_menu_additional {
    border-radius: 5px;
    background-color: #F5F5F5;
    padding: 20px;
    margin-top: 10px;
}

.header_dropdown_menu_parent_info {
    border-radius: 5px;
    padding: 10px 20px;
    background-color: #b0ffa68c;
    font-size: 12px;

    color: #000000;
}

.header_dropdown_menu_additional_link,
.header_dropdown_menu_additional_link:visited {
    color: #000000;
    font-size: 12px;
    text-decoration: none;
    margin-bottom: 8px;
}

.header_dropdown_menu_additional_link:hover {
    text-decoration: underline;
}

.menu_catalog
{
    background-image: url(images/cabinet/menu/icon_general_directory.svg);
}


.menu_messages
{
    background-image: url(images/cabinet/menu/icon_messages.svg);
}

.menu_users
{
    background-image: url(images/cabinet/menu/icon_users.svg);
}

.menu_notifications
{
    background-image: url(images/cabinet/menu/icon_notifications.svg);
}

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






/* .header-dropdown-list > li.divider
{
    height: 1px;
    background-color: #ccc;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0;
    cursor:unset;
}

.header-dropdown-list > li:hover
{
    background-color: #ebf0ff;
}

.header-dropdown-list > li.divider:hover
{
    background-color: #ccc;
}

.header-dropdown-list > li > a
{
    color: #262626;
    text-decoration: none;
    width: 100%;
    display: inline-block;
}   */


/* .header-flag-dropdown-box .header-dropdown-list > li
{
    padding-left: 20px;
} */

.header-flag-dropdown-icon {
    width: 20px;
    height: 20px;

    border-radius: 10px;

    background-position: center;
    background-repeat: no-repeat;
    background-size: 30px;

    margin-right: 10px;
}

.header-language-dropdown-selected-icon
{
    display: none;
    position: absolute;
    right: 8px;

    width: 20px;
    height: 20px;

    background-image: url(images/main/icon_check.svg);

    background-position: center;
    background-repeat: no-repeat;
    background-size: 30px;
}
.header-language-dropdown-selected-icon.checked
{
    display: flex;
}

.header-question-dropdown-box .header-dropdown-list > li
{
    padding-left: 20px;
}


.my_top_alert
{
    position: fixed;
    top: 20px;
    width: 80%;
    height: 40px;
    left: 10%;
    background-color: #fff;
    line-height: 60px;
    text-align: center;
    border-radius: 10px;
    z-index: 10000;
    opacity: 0.95;
}

.my_top_alert.alert-danger
{
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.my_top_alert.alert-success
{
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.pruffme_top_alert
{
    display: flex;
    flex-direction: row;
    position: fixed;
    bottom: 20px;
    width: auto;
    min-width: 147px;
    max-width: 90vw;
    height: 40px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    border-radius: 12px;
    z-index: 10000;
    opacity: 0.95;

    padding: 10px 12px 10px 12px;
    gap: 12px;

    background: #000000BF;
}

.pruffme_top_alert.popup_warning_alert
{
    background: #000000BF;
}

.pruffme_top_alert.popup_warning_notification
{
    background: #000000BF;
}

.pruffme_top_alert > .alert_message
{
    line-height: 20px;
    color: white;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.pruffme_top_alert > .pruffme_icon.icon_alert
{
    background-image: url(images/notification/icon_alert.svg);
}

.pruffme_top_alert > .pruffme_icon.icon_check
{
    background-image: url(images/notification/icon_check.svg);
}







.landing-main-bottom-contacts-container
{
    padding-left:var(--landing-main-border-padding);
    padding-right:var(--landing-main-border-padding);
    padding-top:40px;
    border-top:3px solid #f5f5f5;

    display:flex;
    justify-content: space-between;
    padding-bottom: 100px;
}
.landing-main-bottom-contacts-container-column
{

}
.landing-main-bottom-contacts-container-header
{
    margin-bottom: 30px;
    font-size: 16px;
}

.landing-main-bottom-contacts-container-link
{
    display: block;
    line-height: 40px;
    text-decoration: none;
    color: #333;
    font-size: 15px;
    cursor: pointer;
}



.landing-main-bottom-contacts-social
{
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 2vw;
}
.landing-main-bottom-contacts-social > a{
    display: block;
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    background-size: contain;
}

.landing-main-bottom-contacts-social-vk
{
    background-image: url(images/landing/contacts/vk.svg);
}
.landing-main-bottom-contacts-social-fb
{
    background-image: url(images/landing/contacts/fb.svg);
}
.landing-main-bottom-contacts-social-tg
{
    background-image: url(images/landing/contacts/tg.svg);
}
.landing-main-bottom-contacts-social-youtube
{
    background-image: url(images/landing/contacts/youtube.svg);
}
.landing-main-bottom-contacts-social-inst
{
    background-image: url(images/landing/contacts/inst.svg);
}
.landing-main-bottom-contacts-social-blog
{
    background-image: url(images/landing/contacts/blog.svg);
}


.landing-main-bottom-logo-container
{
    padding-left:var(--landing-main-border-padding);
    padding-right:var(--landing-main-border-padding);
}
.landing-main-bottom-logo-container-inner
{
    border-top:3px solid #f5f5f5;


}

.landing-main-bottom-copyright-text
{
    font-size: 14px;
    margin-bottom: 50px;
}
.landing-bottom-logo
{
    background-image: url(landing/images/media/pruffme_logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 200px;
    height: 60px;
    background-position: left center;
}




.cabinet-users-selector-list
{
    /*position: relative;*/
}

.cabinet-users-selector-list-minimized-container
{
    overflow: hidden;
    position: relative;
    cursor:pointer;
    display:flex;
}
.cabinet-users-selector-list-minimized-container.hidden
{
    display:none;
}

.cabinet-users-selector-list-min-item
{
    margin-right: 5px;
    align-items: center;
    padding-top: 5px;
    transition: none;
    padding-bottom: 5px;
}
.cabinet-users-selector-list-min-item-logo
{
    width: 50px;
    height: 50px;
    border-radius: 25px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.limit_users_8 .cabinet-users-selector-list-min-item:nth-child(n+9)
{
    display:none;
}




.cabinet-users-selector-list-container
{

}

.cabinet-users-selector-list-box
{
   display: flex;
   flex-direction: column;

   gap: 16px;
   overflow:hidden;
}




.cabinet-users-selector-list-item
{
    display: flex;
    width: 100%;
    align-items: flex-start;
    transition: none;
}

.cabinet-users-selector-list-item.item-hidden .cabinet-users-selector-list-item-logo,
.cabinet-users-selector-list-item.item-hidden .cabinet-users-selector-list-item-label
{
    opacity: 0.5;
}

.cabinet-users-selector-list-item.highlighted
{
    background-color: #3779ac;
    transition: 5s linear all;

}

.cabinet-users-selector-dropdown-item-logo,
.cabinet-users-selector-list-item-logo {
    width: 35px;
    height: 35px;
    border-radius: 20px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    flex-shrink: 0;
    flex-grow: 0;
}
.cabinet-users-selector-dropdown-item-right,
.cabinet-users-selector-list-item-right {
    margin-left: 13px;

    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: center;
    flex: 1;

    overflow: hidden;
}

/* .cabinet-users-selector-list-item-label
{
    transition: .5s ease-in-out;
    transition-property: opacity;
    transition-duration: .2s;
} */

.cabinet-users-selector-list-item-name
{
    font-weight: bold;
    text-align: left;
}
.cabinet-users-selector-list-item-login
{
    color: #216FE6;
    text-overflow: ellipsis;
    overflow: hidden;

    cursor: copy;
}
.cabinet-users-selector-list-item-type
{
    color: #9EA9B1;
}

.cabinet-users-selector-list-item-uneregistred {
    color: #9EA9B1;
    display: none;
}


.cabinet-users-selector-list-item-right-actions
{
    position: absolute;

    top: -7px;
    right: -6px;

    display: none;
    justify-content: flex-end;
}

.cabinet-users-selector-list-item:hover .cabinet-users-selector-list-item-right-actions {
    display: flex;
}

.cabinet-users-selector-list-item-right-actions-inner
{
    display: flex;
    align-items: center;
}

.cabinet-users-selector-list-item:hover .cabinet-users-selector-list-item-right-actions {
    display:flex;
}



.cabinet-users-selector-list-item-right-actions.hidden
{
    display:none !important;
}

.cabinet-users-selector-action-item.action_set_super > .pruffme_template_icon_button_icon
{
    background-image: url(images/cabinet/cabinet-users-selector-action-set-super.svg);
}
.cabinet-users-selector-action-item.action_revoke_super > .pruffme_template_icon_button_icon
{
    background-image: url(images/cabinet/cabinet-users-selector-action-revoke-super.svg);
}
.cabinet-users-selector-action-item.action_moderator_remove > .pruffme_template_icon_button_icon
{
    background-image: url(images/cabinet/icon_cancel.svg);
}
.cabinet-users-selector-action-item.action_moderator_hide > .pruffme_template_icon_button_icon
{
    background-image: url(images/cabinet/icon_show.svg);
}

.cabinet-users-selector-action-item.action_moderator_show > .pruffme_template_icon_button_icon
{
    background-image: url(images/cabinet/icon_hide-active.svg);
}



.cabinet-users-selector-list-dropdown
{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display:none;


    max-height: calc(100vh - var(--cabinet-add-header-height));
}
.cabinet-users-selector-list-dropdown.displayed
{
    display: flex;
    flex-direction: column;
}

.cabinet-users-selector-list-dropdown-inner {
    border-radius: 5px;
    background-color: #FFFFFF;
    flex: 1;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.cabinet-users-selector-list-dropdown-header
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}
.cabinet-users-selector-list-dropdown-header-label
{
    font-weight: 500;
}

.cabinet-users-selector-add-actions-box {
    padding: 20px;
    padding-top: 10px;
}

.cabinet-users-selector-add-header
{
    margin-top: 15px;
    margin-bottom: 15px;
}

.cabinet-users-selector-add-input-box
{
    padding: 20px;
    flex: 0;
}



.cabinet-users-selector-add-dropdown-list-wrapper {
    position: relative;
    flex: 1;
}

.cabinet-users-selector-add-dropdown-list {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    display: flex;
    flex-direction: column;

    overflow: auto;
    overflow: overlay;
}

.cabinet-users-selector-add-dropdown-list-spinner
{
    background-color: #ffffff6e;
    border-radius: 10px;
    margin-top: 10px;
    overflow: auto;
    width: 100%;
    overflow: auto;
    position: absolute;
    top: 90px;
    bottom: 60px;
    display:none;
    ;
}


.cabinet-users-selector-dropdown-item
{
    display: flex;
    width: 100%;
    align-items: center;

    min-height: 50px;

    background-color: transparent;
    border: none;

    padding-left: 20px;
    cursor:pointer;
    position: relative;
}

.cabinet-users-selector-dropdown-item.selected,
.cabinet-users-selector-dropdown-item:hover {
    background-color:  rgba(222,235,255, 0.4);
}



.cabinet-users-selector-dropdown-item-unlike-box,
.cabinet-users-selector-dropdown-item-selector
{
    display:none;
}
.cabinet-users-selector-dropdown-item.selected .cabinet-users-selector-dropdown-item-selector
{
    display: flex;
    align-items: center;

    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
}

.cabinet-users-selector-dropdown-item.selected:hover .cabinet-users-selector-dropdown-item-selector {
    display: none;
}

.cabinet-users-selector-dropdown-item:hover .cabinet-users-selector-dropdown-item-unlike-box {
    display: flex;
    align-items: center;

    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
}

.cabinet-users-selector-dropdown-item.disabled
{
    opacity: 0.5;
    cursor: inherit;
}
.cabinet-users-selector-dropdown-item.disabled:hover
{
    background-color: inherit;
}

.cabinet-users-selector-add-button
{
    display:none;
    background-color: #3779ac;
    line-height: 60px;
    border-radius: 5px;
    margin-top: 10px;
    text-align: center;
    color: #fff;
    cursor:pointer;
    position: relative;
}

.cabinet-users-selector-add-button-spinner
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:none;
}

.cabinet-users-selector-add-button.executing
{
    cursor: inherit;
    color:#1a3f5d;
}
.cabinet-users-selector-add-button.executing .cabinet-users-selector-add-button-spinner
{
    display:block;
}


.popup-photo-pic-progress-line
{

}
.popup-photo-pic-progress-line .progress-bar
{
    float:none !important;
}








/* ===============*/


.popup_vr_selector_box
{

}
.popup_vr_selector_box_close
{
    position: absolute;
    right: 15px;
    top: 15px;
    background-image: url(images/templates/icon_close.png);
    background-size: contain;
    width: 15px;
    height: 15px;
    cursor: pointer;
    z-index: 10;
}
.popup_vr_selector_box_header
{
    padding: 15px;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
}

.popup_vr_selector_box_inner
{
    padding: 15px;
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}

.popup_vr_selector_item
{
    border: 1px solid #ccc;
    border-radius: 10px;
    overflow: hidden;
    cursor:pointer;
}
.popup_vr_selector_item_logo
{
    height: 160px;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.popup_vr_selector_item_name
{
    text-align: center;
    font-size: 15px;
    line-height: 40px;
}




/* ============== */


.expa_product_editor_box_popup_outer
{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    position: absolute;
}
.expa_product_editor_box_popup_background
{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index:1;
}
.expa_product_editor_box_popup
{
    z-index:1;
    position: absolute;
    background-color: #fff;
    width:800px;
    top:100px;
    left:calc(50% - 400px);
}
.expa_product_editor_box_popup_header
{
    background-color: var(--cabinet-add-header-color);
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    padding-left: 15px;
}

.expa_product_editor_box_popup_header_injected
{
    background-color: #3779ac;
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    padding-left: 15px;
}

.expa_product_editor_box_popup_header_close
{
    position:absolute;
    right:20px;
    top:25px;
    background-image:url(images/templates/icon_close_small_white.png);
    width:16px;
    height:16px;
    cursor:pointer;
}

.expa_product_editor_box_popup_header_label
{
    color: #fff;
    font-size: 16px;
}


.expa_product_editor_box_popup_inner
{
    min-height: 100px;
    padding-left:15px;
    padding-right:15px;
    padding-top:15px;
}
.expa_product_editor_spinner
{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color: rgba(0, 0, 0, 0.3);
    display: none;
    z-index: 1000;
}

.expa_product_editor_box_popup_inner_line
{
    display: flex;
    margin-top:15px;
}

.expa_product_editor_box_popup_inner_label
{
    margin-top:20px;
    font-weight:bold;
}

.expa_product_editor_add_medias
{
    font-weight: bold;
    cursor: pointer;
    margin-top: 10px;
    margin-bottom: 10px;
}
.expa_product_editor_medias_box
{

}

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

    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 10px;
}

.expa_product_editor_logo_label
{
    color: #fff;
    background-color: #000000bd;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
}

.expa_product_editor_box_popup_bottom
{
    display: flex;
    justify-content: space-between;
    height: 70px;
    padding: 15px;
}
.expa_product_editor_box_popup_bottom_save
{
    background-color: var(--cabinet-add-header-color);
    color: #fff;
    line-height: 40px;
    height: 40px;
    padding-left: 30px;
    padding-right: 30px;
    cursor: pointer;
}

.expa_product_editor_box_popup_bottom_type_box
{
}



.expa_product_editor_box_popup_input_name
{
    height:40px;
    line-height: 40px;
    width: 100%;
}
.expa_product_editor_box_popup_input_price
{
    height:40px;
    line-height: 40px;
    width: 100%;
}
.expa_product_editor_box_popup_input_name_wrapper
{
    flex:1;
}
.expa_product_editor_box_popup_input_price_wrapper
{
    width:200px;
    margin-left: 20px;
}

.expa_product_editor_box_popup_input_placeholder
{
    border-radius: 6px;
}


.expa-product-in-html-editor-icon
{
    background-image: url(images/templates/expa/html_editor_products_icon.svg);
    background-size: contain;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
}

.expa-product-editor-line
{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.expa-product-editor-item-logo
{
    width: 50px;
    height: 50px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 25px;
}
.expa-product-editor-item-name-box
{
    flex: 1;
    margin-left:20px;
}

.expa-product-editor-item-price-label
{
    font-weight: bold;
}






.edit_aweb_item_form_box_outer
{
    display:none;
    z-index: 500;
}

.edit_aweb_item_form_box_background
{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 500;
}
.edit_aweb_item_form_box
{
    width:1000px;


    background-color: #fff;

    position:absolute;
    top:50px;
    left:calc(50% - 500px);
    z-index: 501;
    margin-bottom:100px;
}

.edit_aweb_item_form_header_box
{
    width:100%;
    background-color: var(--cabinet-add-header-color);
    height:70px;

    background-repeat: no-repeat;
    background-position: 25px;
    background-size: 40px;

    display: flex;
    align-items: center;
}



.edit_aweb_item_form_header_label
{
    margin-left: 25px;
    margin-bottom:0;
    color: #ffffff;
    font-size: 20px;
    line-height: 70px;
}

.edit_aweb_item_form_close
{
    position:absolute;
    right:15px;
    top: 28px;
    background-image:url(images/tests/popup_close_btn.png);
    width:16px;
    height:16px;
    cursor:pointer;
}

.edit_aweb_item_form_box_inner
{
    /* background-color: #F7F7F7; */
    padding:10px;
    position:relative;

}

.edit_aweb_item_form_box_content
{
    /* background-color: #fff;
    min-height: 200px;*/
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.aweb-editor_form_header_label
{
    margin-left: 25px;
    margin-bottom: 0;
    color: #ffffff;
    font-size: 20px;
    line-height: 70px;
}

.aweb-editor_form_bottom_box
{
    width:100%;
    margin-top: 30px;
}


.aweb-editor-line
{
    margin-bottom:10px;
}
.aweb-editor-select-media-label
{

}
.aweb-editor-select-media-line
{
    display: flex;
    margin-top: 10px;
}
.aweb-editor-select-media-input
{
    height: 40px;
    border: 1px solid #ccc;
    padding-left: 10px;
    margin-right: 10px;
    flex: 1;
    border-radius: 5px;
}
.aweb-editor-select-media-button
{
    background-color: var(--cabinet-add-header-color);
    color: #fff;
    line-height: 40px;
    padding-left: 40px;
    padding-right: 40px;
    border-radius: 5px;
    cursor: pointer;
}

.aweb-editor-presentation-line
{
    height:calc(100vh - 330px);
}


.aweb-editor-video-line
{
    height: 300px;
    margin-top: 20px;
    overflow: hidden;
}

.aweb-editor-video-line.with-timing
{
    height: calc(100vh - 370px);
}

.aweb-editor-under-video-line
{
    display:flex;
    margin-top: 10px;
    justify-content: center;
    align-items: center;
}

.aweb-editor-under-video-column
{
    margin-right: 10px;
    margin-left: 10px;
}
.aweb-editor-under-video-column > p
{
    color: #ccc;
    margin-bottom: 5px;
}
.aweb-editor-under-video-input
{
    border: 1px solid #ccc;
    height: 35px;
    border-radius: 5px;
    text-align: center;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    font-size: 16px;
    min-width: 150px;
}

.aweb-editor-under-video-input.selected{
    background-color: #c3dbf8;
}



.aweb_editor_content_bottom_box_inner
{
    padding-top:20px;
    border-top: 1px dotted #bbb;
    display: flex;
    align-items: center;
}
.aweb_editor_bottom_actions_box
{
    display: flex;
    align-items: center;
}

.aweb_editor_bottom_time_picker_box
{
    flex:1;
    font-size: 16px;
    display: flex;
    align-items: center;
}

.aweb_editor_bottom_time_start
{
    margin-right: 10px;
}
.aweb_editor_bottom_time_end
{
    margin-left: 10px;
}



.aweb_editor_bottom_time_duration
{
    margin-left: 30px;
}

.aweb_editor_bottom_time_picker
{
    border: 1px solid #ccc;
    height: 35px;
    border-radius: 5px;
    text-align: center;
}

.aweb-editor-bottom-save {
    background-color: var(--cabinet-add-header-color);
    height: 50px;
    color: #fff;
    line-height: 50px;
    padding-left: 40px;
    padding-right: 40px;
    cursor: pointer;
    border-radius: 5px;
}
.aweb-editor-bottom-cancel {
    margin-right:30px;
}

.aweb-editor-view-type-container
{
    display: flex;
    justify-content: center;
}
.aweb-editor-view-type-item
{
    margin-right: 5px;
    margin-left: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.aweb-editor-view-type-item-logo
{
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    cursor:pointer;
}
.aweb-editor-view-type-item-label
{

}
.aweb-editor-view-type-item.view-type-item-1 .aweb-editor-view-type-item-logo
{
    background-image: url(images/webinar/view_type_1.png);
}
.aweb-editor-view-type-item.view-type-item-2 .aweb-editor-view-type-item-logo
{
    background-image: url(images/webinar/view_type_2.png);
}
.aweb-editor-view-type-item.view-type-item-3 .aweb-editor-view-type-item-logo
{
    background-image: url(images/webinar/view_type_3.png);
}
.aweb-editor-view-type-item.view-type-item-4 .aweb-editor-view-type-item-logo
{
    background-image: url(images/webinar/view_type_4.png);
}
.aweb-editor-view-type-item.view-type-item-5 .aweb-editor-view-type-item-logo
{
    background-image: url(images/webinar/view_type_5.png);
}
.aweb-editor-view-type-item.view-type-item-6 .aweb-editor-view-type-item-logo
{
    background-image: url(images/webinar/view_type_6.png);
}
.aweb-editor-view-type-item.view-type-item-7 .aweb-editor-view-type-item-logo
{
    background-image: url(images/webinar/view_type_6.png);
}

.aweb-editor-view-type-item.view-type-item-1.selected .aweb-editor-view-type-item-logo
{
    background-image: url(images/webinar/view_type_1_selected.png);
}
.aweb-editor-view-type-item.view-type-item-2.selected .aweb-editor-view-type-item-logo
{
    background-image: url(images/webinar/view_type_2_selected.png);
}
.aweb-editor-view-type-item.view-type-item-3.selected .aweb-editor-view-type-item-logo
{
    background-image: url(images/webinar/view_type_3_selected.png);
}
.aweb-editor-view-type-item.view-type-item-4.selected .aweb-editor-view-type-item-logo
{
    background-image: url(images/webinar/view_type_4_selected.png);
}
.aweb-editor-view-type-item.view-type-item-5.selected .aweb-editor-view-type-item-logo
{
    background-image: url(images/webinar/view_type_5_selected.png);
}
.aweb-editor-view-type-item.view-type-item-6.selected .aweb-editor-view-type-item-logo
{
    background-image: url(images/webinar/view_type_6_selected.png);
}
.aweb-editor-view-type-item.view-type-item-7.selected .aweb-editor-view-type-item-logo
{
    background-image: url(images/webinar/view_type_6_selected.png);
}




.aweb-editor-select-participant-box
{
    position: relative;
}

.aweb-editor-select-participant-select-button
{
    margin-left: 10px;
    cursor: pointer;
}
.aweb-editor-select-participant-add-button
{
    margin-left: 10px;
    cursor: pointer;
}

.aweb-editor-participant-add-dropdown
{
    position: absolute;
    right: 0;
    top: 45px;

    background-color: #b73a3a;
    border-radius: 5px;
    z-index: 1;
    height: 400px;
    overflow: auto;
    width: 300px;
}
.aweb-editor-participant-add-dropdown-header
{
    display:none;
}
.aweb-editor-participant-add-dropdown-list
{
    height: 400px;
    width: 300px;
    position: absolute;
    bottom: 20px;
    right: 0;
    top: 0;
    background-color: #f6f6f6;
    border-radius: 5px;
    overflow: hidden;
    z-index: 1;
    border: 1px solid #eee;
    display: none;
}
.aweb-editor-participant-add-dropdown-list.displayed
{
    display: block;
}


.aweb-editor-participant-select-dropdown
{
    position: absolute;

    right: 0;
    top: 45px;
    background-color: #f6f6f6;
    border-radius: 5px;
    overflow: hidden;
    z-index: 1;
    max-height: 300px;
    overflow: auto;
}
.aweb-editor-participant-select-dropdown-participant-item
{
    padding-left: 5px;
    padding-right: 5px;
    line-height: 25px;
    color: #777777;
    cursor: pointer;
    min-width: 300px;
    display: flex;
    padding-top: 3px;
    padding-bottom: 3px;
}


.aweb-editor-participant-select-dropdown-participant-item:hover
{
    background-color: #e6e6e6;
}

.aweb-editor-participant-select-dropdown-participant-item-logo
{
    width:30px;
    height:30px;
    border-radius: 15px;
    background-size: contain;
    background-repeat: no-repeat;
}
.aweb-editor-participant-select-dropdown-participant-item-name
{
    line-height: 30px;
    flex:1;
    margin-left: 10px;
}

.aweb-editor-select-participant-box-inner
{
    display: flex;
    align-items: center;
}

.aweb-editor-select-participant-box-selected
{
    display: flex;
    border: 1px solid #eee;
    padding: 5px;
    border-radius: 5px;
    flex: 1;

    background-image: url(images/templates/aweb-editor-participants-dropdown.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
}
.aweb-editor-select-participant-box-selected-logo
{
    width:30px;
    height:30px;
    border-radius: 15px;
    background-size: contain;
}
.aweb-editor-select-participant-box-selected-name
{
    line-height: 30px;
    flex:1;
    margin-left: 10px;
}


.dashboard-inline-iframe-container
{
    width:100%;
    height: 100%;
}
.dashboard-inline-iframe
{
    width:100%;
    height: 100%;
}


.inline-conference-container
{
    /*width: 1px;
    height: 1px;*/

    width: 400px;
    height: 400px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    display:none;
}






.custom-time-selector-box
{
    display: flex;
    align-items: center;
}
.custom-time-selector-box > div:focus
{
    font-size: 24px;
    outline:none;
    user-select: none;
}



.hidden-form-file-uploader
{
    position: absolute;
    top: -1000px;
    left: -1000px;
}
.hidden-form-file-uploader-input
{

}


.inline-conference-auto-container
{
    position:fixed;
    z-index: 1000;
    top:20px;
    left:0;
    width:100%;
    display:flex;
    justify-content: center;
}
.inline-conference-auto-container-inner
{
    padding:20px;
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    border-radius: 5px;
}

.inline-video-element
{
    display:none;
}



.maskedBackgroungCanvasContainer
{
    position: fixed;
    left: 0;
    top: 0;
}
.maskedBackgroungCanvasImage
{
    width:100%;
    height:100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}
.maskedBackgroungCanvasVideo
{
    width:100%;
    height:100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}
.maskedBackgroungCanvas
{
    width:100%;
    height:100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}
.maskedBackgroungMergedCanvas
{
    width:100%;
    height:100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}


.global-page-loader-container
{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 100000;
    display:flex;
    align-items: center;
    justify-content: center;
}
.global-page-loader-box
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.global-page-loader-icon
{
    height: 100px;
    width: 100px;
    background-image: url(images/dashboard/dashboard-loader-icon.svg);
    background-size: contain;
}
.global-page-loader-line
{
    width: 180px;
    height: 4px;
    background-color: #eaeaec;
    position: relative;
    margin-top: 35px;
    border-radius: 2px;
    overflow: hidden;
}
.global-page-loaded-line
{
    position: absolute;
    left:0;
    top:0;
    width:0;
    height:100%;
    background-color: rgb(0, 133, 255);
}




.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
  }






.custom-fullscreen-mode
{
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background-color:#fff;
    z-index: 100000;
}





.clean-self:before,
.clean-self:after,
.clean:before,
.clean:after
{
    content: "";
    display: table;
}
.clean-self:after,
.clean:after
{
    clear: both;
}

.clean-after:after
{
    clear: both;
}

.clean-both
{
    clear: both;
}

.relative
{
    position:relative;
}

.show_768
{
    display:none;
}




@media all and (max-width: 1178px) {
    .header_bottom_line_left_categories,
    .header_bottom_line_left_dropdown
    {
        display:none;
    }
}


.navbar_main_icon_min
{
    display:none;
}

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


    .navbar_main_icon
    {
        display:none;
    }

    .header_create_webinar_box,
    .header_create_course_box,
    .header_create_quiz_box
    {
        width:40px;
        cursor:pointer;
    }
    .header_create_webinar_box > p,
    .header_create_course_box > p,
    .header_create_quiz_box > p
    {
        display:none;
    }

    .navbar_main_icon_min
    {
        display:block;
    }

    .player_audio_form_box,
    .player_video_form_box
    {
        width:90%;
        left:5%;
    }


    .popup_video_selector_add_button_box
    {
        width:50%;
    }

}

@media all and (max-width: 900px) {
    .landing-main-bottom-contacts-container
    {
        flex-direction: column;
    }
    .landing-main-bottom-contacts-container-column
    {
        margin-bottom: 30px;
    }
}



@media all and (max-width: 768px) {
    .show_768
    {
        display:block;
    }


    .top-menu-dropdown > li
    {
        padding-left: 20px;
    }

    .navbar-header.minimizing
    {
        display:block;
    }

    .navbar-collapse.minimizing
    {
        background-color: #fff;
        z-index: 10;
        position: absolute;
        left: -1px;
        top:40px;
        border: 1px solid #ddd;
        min-width: 260px;
        padding-bottom: 10px;

    }


    .any_form_box
    {
        width:80%;
        left:10%;
        right:10%;
        margin:0;
    }

    .footer_box .bottom-pruffme-box
    {
        float:none;
        margin-bottom: 20px;
    }
    .footer_box .navbar-toggle
    {
        float:none;
        margin-left: 20px;
    }
    .footer_box a
    {
        color:#000;
    }
    .footer_box ul
    {
        list-style-type: none;
        padding-left: 0;
    }

    .header_template_main
    {
        padding-right: 5px;
        padding-left:  5px;
    }
    .webinar_properties_box
    {
        margin-right: 0px;
    }
    .logedIn_webinar_box
    {
        padding-right:0;
        width: 30px;
        overflow: hidden;
    }

    .properties_form_box
    {
        right:5px;
    }

    .login_webinar_box
    {
        width:100px;
    }
    .login_form_box
    {
        right:5px;
    }




    .footer_icon_box
    {
        margin-left:0;
    }



    .header_template_nav
    {
        display:none;
    }

    .header_login_line
    {
        padding: 0;
        height: 45px;
    }


    .users_selector_box
    {
        top:20px;
        bottom:20px;
        width: calc(100% - 20px);
        left: 10px;
    }

    .popup_photo_selector_box
    {
        top:20px;
        width:calc(100% - 20px);
        left:10px;
    }


    .im_messages_selected_options_panel.fixed
    {
        left: 5%;
        width: 90%;
    }

    .im_dialog_input_icon_box {
        top: 11px !important;
        left: 7px !important;
        width: 30px !important;
        height: 30px !important;
    }

    .im_dialog_input_area {
        padding: 7px !important;
    }

    .im_dialog_input_box_left {
        padding-left: 47px;
        padding-top: 9px;
        padding-bottom: 5px;
        width: calc(100% - 45px);
        padding-right: 33px;
    }

    .im_dialog_send_button {
        height: 55px;
        width: 45px;
        background-size: 18px;
    }

    .im_dialog_input_live {
        right: 0px;
        top: -5px;
        background-size: 20px;
    }

    .messages-dialog-message-list-item-text
    {
        overflow: hidden;
    }
    .messages-dialog-search-options-bottom-item
    {
        height: 30px;
        line-height: 30px;
        border-radius: 5px;
        font-size: 10px;
    }

    .messages-dialog-search-options-item
    {
        padding-right: 0px;
        padding-left: 31px;
        color: #ffffff00;
        border-radius: 10px;
    }
    .messages-dialog-search-options-item.options-back
    {
        display: block;
    }


    /*
    .messages-dialog-mobile-top
    {
        display: block;
    }*/

    .input-attachments-list-container
    {
        width:100%;
        gap: 8px;
    }
    .inline-audio-container-volume-outer
    {
        width:50px;
    }

    .any_popup-v2_box_inner {
        width: calc(100vw - 20px);
        left: 10px;
    }


    :root {
        --popup-photo-selector-width:calc(100vw - 20px);
        --popup-photo-selector-width-half:calc(50vw - 10px);

        --popup-audio-selector-width:calc(100vw - 20px);
        --popup-audio-selector-width-half:calc(50vw - 10px);
    }

    .popup_photo_selector_box.is_photo .popup_photo_selector_container,
    .popup_photo_selector_box.is_video .popup_photo_selector_container,
    .popup_photo_selector_box.is_presentation .popup_photo_selector_container
    {
        grid-template-areas: "a a";
    }
    .popup_photo_selector_box.is_attachment .popup_photo_selector_container
    {
        grid-template-areas: "a a ";
    }

    .popup_video_selector_add_button_box.button_camera
    {
        display: none;
    }
    .popup_video_selector_add_button_box.button_screen
    {
        display: none;
    }
    .popup_video_selector_add_button_box .plus,
    .popup_audio_selector_add_button_box .plus,
    .popup_audio_selector_add_button_box .microphone
    {
        display: inline;
    }

}

@media all and (max-width: 560px) {
    .participate_webinar_box_step_questions {
        max-width: 95vw;
    }

    .participate_webinar_box_questions_error {
        height: 40px;
    }

    .participate_webinar_box_steps_inner {
        max-width: calc(95vw - 40px);
    }
}


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


    .footer_box
    {
        padding:0;
    }
    .footer_links_box > div
    {
        float:none;
        height:30px;
    }

    .register_form_button
    {
        width: 100%;
    }
    .login_popup_right_label,
    .login_popup_left_label,
    .any_popup_header_box p
    {
        float:none;
        text-align: center;
    }

    .any_form_box
    {
        width: calc(100% - 20px);
        left: 10px;
        right: 10px;
        margin: 0
    }

    .register_webinar_form_button
    {
        width:100%;
    }

    .popup_photo_selector_video-container {
        display: none;

        position: absolute;
        top: 40px;
        left: 20px;
        right: 20px;

        flex-direction: column;
    }

    .popup_photo_selector_expand_button {
        display: block;
    }

    .popup_audio_selector_buttons_container > .popup_photo_selector_add_button {
        flex: 1 1 50%;
    }

    .popup_photo_selector_video-container > .popup_photo_selector_add_button {
        flex-basis: 100%;
    }

    .popup_photo_selector_video-container > .popup_photo_selector_add_button {
        margin-bottom: 10px;
    }

    .popup_photo_selector_video-container > .popup_photo_selector_add_button:not(:first-child) {
        margin-left: 0;
    }

    .popup_photo_selector_box.is_photo .popup_photo_selector_container,
    .popup_photo_selector_box.is_video .popup_photo_selector_container,
    .popup_photo_selector_box.is_presentation .popup_photo_selector_container
    {
        grid-template-areas: "a";
        grid-auto-rows: 50vw;
    }

    .popup_photo_cropper_header_resolution {
        top: 36px;
        left: 20px;

        text-align: left;
    }

    .pruffme_confirm_popup-content {
        width: 95vw;
    }
}

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

}

.cookiePopup_wrapper{
    max-width: 546px;
    min-width: 250px;
    background: rgba(0,0,0,.70);
    position: fixed;
    bottom: 0;
    overflow: hidden;
    color: white;
    padding: 20px;
    z-index: 100;
    font-size: 12px;
}
.cookie_img{
    width:20%;
    display: inline-block;
}
.cookie_img>img{
    width: 80%;
    vertical-align: baseline;
}
.cookiePopup{
    width:79%;
    display: inline-block;
}

.cookiePopup > p
{
    padding-bottom:15px;
}

.btn_cookie{
    height: 31px;
    padding-left: 20px;
    padding-right: 20px;
    float: left;
    border-radius: 20px;
    line-height: 31px;
    cursor: pointer;
}
.btn_cookie_deny{
    background-color: #D3D3D2;
    color: #505050;
}
.btn_cookie_allow{
    background-color: #2c74ab;
    color: #fff;
    margin-left: 20px;
}
@media all and (max-width:500px){
    .cookie_img{
        display: none;
    }
    .cookiePopup{
        width:100%;
        display: inline-block;
    }
}

.under_prices_content_box{
    max-width: 1300px;
    margin: auto;
}
.contacts_wrapper{
    background-color: #f6f6f6;
}
.contacts_wrapper .main_container{
    max-width: 1300px;
    margin: auto;
}

.webinar_in_text_k {
    font-weight: bold;
    font-size: 15px;
    font-family: "Arial";
}

.webinar_in_text_k_2 {
    font-size: 12px;
    padding-top: 10px;
    position: relative;
    top: 8px;
    font-family: "Arial";
}
.webinar_in_text_k_2_delimiter
{
    font-size: 12px;
    margin-left:10px;
    margin-right:10px;
}

.columns-right {
    width: 255px;
    display: flex;
}

.fixed-table-toolbar {
    display: flex;
}

.bars {
    width: 100%;
}

.any_item_comments_box_popup_login_popup_close {
    position: absolute;
    right: 10px;
    top: 16px;
    background-image: url(images/templates/icon_close_box_popup.svg);
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 1000;
    background-size: cover;
}


/* NEW FOOTER */

.pruffme_footer-v2_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;

    font-size: 11pt;
    border-top: 1px solid #eeeeee;
    padding: 20px 0;
  }

  .pruffme_footer-v2_top_box,
  .pruffme_footer-v2_bottom_box {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .pruffme_footer-v2_top_box > a,
  .pruffme_footer-v2_bottom_box > a {
    margin-left: 50px;
    text-decoration: none;
    color: #000000;
  }

  .pruffme_footer-v2_top_box > a:hover,
  .pruffme_footer-v2_bottom_box > a:hover {
    text-decoration: underline;
  }

  @media all and (max-width: 1400px) {
    .pruffme_footer-v2_top_box > a,
    .pruffme_footer-v2_bottom_box > a {
      margin-left: 30px;
    }
  }


  @media all and (max-width: 1200px) {
    .pruffme_footer-v2_wrapper {
      flex-direction: column;
    }

    .pruffme_footer-v2_top_box,
    .pruffme_footer-v2_bottom_box {
      padding-top: 20px;
    }

    .pruffme_footer-v2_top_box > a:first-child,
    .pruffme_footer-v2_bottom_box > a:first-child {
      margin-left: 0;
    }

    .pruffme_footer-v2_copyright {
      padding-top: 30px;
      order: 3;
    }
  }

  @media all and (max-width: 576px) {
    .pruffme_footer-v2_wrapper {
      padding-left: 10px;
    }

    .pruffme_footer-v2_wrapper,
    .pruffme_footer-v2_top_box,
    .pruffme_footer-v2_bottom_box {
      flex-direction: column;
      align-items: flex-start;
      padding-top: 0;
    }

    .pruffme_footer-v2_top_box > a,
    .pruffme_footer-v2_bottom_box > a {
      padding-top: 16px;
      margin-left: 0;
    }
}

.any_item_comments_container_inner {
    padding: 10px 20px 30px 20px;
    max-width: 600px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.any_item_comments_container_header_label {
    padding-left: 0;
    padding-right: 0;
}


.popup-v2_video-inner {
    width: 90%;
    min-width: 50%;
    height: calc(100% - 100px);
    min-height: 90%;
    background-color: #000000;

    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1001;
    padding: 0;

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

.popup-v2_video-close-button {
    position: absolute;
    right: 15px;
    top: 15px;
    background-image: url(../css/images/cabinet/popup/icon_close_1.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;

    filter: drop-shadow(1px 1px 5px rgba(0,0,0,0.92))
}



/* VJS PRUFFME SKIN */

.video-js.vjs-pruffme-skin .vjs-control-bar {
    height: 130px;
    padding: 85px 30px 10px 30px;
    font-size: 12px;

    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.1) 35%,rgba(0,0,0,0.35) 60%,rgba(0,0,0,0.65) 100%);
}

/* .video-js.vjs-pruffme-skin .vjs-button > .vjs-icon-placeholder:before {
    font-size: 2.3em;
    line-height: 1.47;
} */

.video-js.vjs-pruffme-skin .vjs-progress-holder {
    position: absolute;
    top: 74px;
    left: 39px;
    right: 37px;
    height: 4px;
    margin: 0;
    border-radius: 1px;
    background-color: rgba(255, 255, 255, 0.5);
}

.video-js.vjs-pruffme-skin .vjs-progress-control .vjs-progress-holder {
    margin: 0;
}

.video-js.vjs-pruffme-skin .vjs-play-progress {

    background-color: #1375BE;
}

.video-js.vjs-pruffme-skin .vjs-load-progress {
    background-color: rgba(255, 255, 255, 0.7);
}

.video-js.vjs-pruffme-skin .vjs-play-progress:before {
    color: #1375BE;
    font-size: 12px;
    filter: drop-shadow(0 1px 3px rgba(0,0,0,0.12));
    opacity: 0;
}

.video-js.vjs-pruffme-skin .vjs-progress-control:hover .vjs-progress-holder {
    font-size: inherit;
}

.video-js.vjs-pruffme-skin .vjs-progress-control:hover .vjs-play-progress:before {
    opacity: 1;
}

.video-js.vjs-pruffme-skin .vjs-control {
    width: 30px;
    margin-right: 15px;

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

.video-js.vjs-pruffme-skin .vjs-progress-control {
    position: initial;
    font-size: 13px;
    width: 1px;
    min-width: 0;
    margin-right: 0;
}

.video-js.vjs-pruffme-skin .vjs-current-time  {
    width: auto;
}

.video-js.vjs-pruffme-skin .vjs-duration,
.video-js.vjs-pruffme-skin .vjs-time-divider,
.video-js.vjs-pruffme-skin .vjs-current-time {
    display: block;
}

.video-js.vjs-pruffme-skin .vjs-remaining-time,
.video-js.vjs-pruffme-skin .vjs-picture-in-picture-control {
    display: none;
}

.video-js.vjs-pruffme-skin .vjs-time-divider {
    min-width: 0;
    padding: 0 2px;
}

.video-js.vjs-pruffme-skin .vjs-current-time,
.video-js.vjs-pruffme-skin .vjs-duration {
    min-width: 0;
    padding: 0;
}

.video-js.vjs-pruffme-skin .vjs-current-time,
.video-js.vjs-pruffme-skin .vjs-fullscreen-control {
    margin-right: 0;
}

.video-js.vjs-pruffme-skin .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
    width: 8em;
}


.video-js.vjs-pruffme-skin .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
    content: "";
}
.video-js.vjs-pruffme-skin .vjs-picture-in-picture-control {
    background-image: url(../css/images/cabinet/popup/icon_window.svg);
}

.video-js.vjs-pruffme-skin .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "";
}

.video-js.vjs-pruffme-skin.vjs-fullscreen .vjs-fullscreen-control{
    background: none !important;
}

.video-js.vjs-pruffme-skin .vjs-fullscreen-control {
    background-image: url(../css/images/cabinet/popup/icon_fullscreen.svg) !important;
}

.video-js.vjs-pruffme-skin .vjs-resolution-button .vjs-control-text,
.video-js.vjs-pruffme-skin .vjs-playback-rate .vjs-playback-rate-value {
    font-size: 13px;
    line-height: 2.9;
    background-color: transparent;
}

.video-js.vjs-pruffme-skin .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 5px;
}

.video-js.vjs-pruffme-skin .vjs-menu-button-popup .vjs-menu {
    width: 72px;
    left: 50%;
    transform: translateX(-50%);
}

.video-js.vjs-pruffme-skin .vjs-menu li {
    text-align: left;
}

.video-js.vjs-pruffme-skin .vjs-menu li .vjs-menu-item-text {
    padding-left: 2em;
}

.video-js.vjs-pruffme-skin .vjs-menu li.vjs-selected {
    background-color: transparent;
    color: inherit;
}

.video-js.vjs-pruffme-skin .vjs-menu-item {
    position: relative;
}

.video-js.vjs-pruffme-skin .vjs-menu li.vjs-selected:before {
    position: absolute;
    content: '•';
    top: 50%;
    transform: translateY(-50%);
    left: 13px;
    font-size: 19px;
    color: #FFFFFF;
}

.video-js.vjs-pruffme-skin .vjs-menu li.vjs-menu-item:focus,
.video-js.vjs-pruffme-skin .vjs-menu li.vjs-menu-item:hover,
.video-js.vjs-pruffme-skin .js-focus-visible .vjs-menu li.vjs-menu-item:hover {
    background-color: transparent;
}

.video-js.vjs-pruffme-skin .vjs-progress-control:hover .vjs-time-tooltip,
.video-js.vjs-pruffme-skin .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
    font-size: 12px;
}

.video-js.vjs-pruffme-skin .vjs-time-tooltip {
    top: -2.7em;
    color: #FFFFFF;
    background-color: rgba(0, 0, 0, 0.7);
}

.video-js.vjs-pruffme-skin .vjs-mute-control {
    margin: 0;
}

@media all and (max-width: 500px) {
    .video-js.vjs-pruffme-skin .vjs-control-bar {
        padding: 85px 5px 10px 5px;
    }

    .video-js.vjs-pruffme-skin .vjs-progress-holder {
        top: 65px;
        left: 15px;
        right: 13px;
    }

    .video-js.vjs-pruffme-skin .vjs-control {
        margin-right: 8px;
    }
}



.template_switch {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 20px;

  margin: 0;
  flex-shrink: 0;
}

/* TEMPLATE SWITCH COMPONENT */
.template_switch > input {
  opacity: 0;
  width: 0;
  height: 0;
}

.template_switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #a0c8e5;
  transition: 0.2s ease-in-out;
  border-radius: 35px;
}

.template_switch-slider:before {
  position: absolute;
  content: '';
  height: 14px;
  width: 14px;
  left: 3px;
  bottom: 3px;
  background-color: #ffffff;
  transition: 0.2s ease-in-out;
  border-radius: 50%;

  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.template_switch
  > input:checked
  + .template_switch-slider {
  background-color: #1375be;
}

.template_switch
  > input:focus
  + .template_switch-slider {
  box-shadow: 0 0 1px #1375be;
}

.template_switch
  > input:checked
  + .template_switch-slider:before {
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
}

/* ////////////////////////////////////// */


/* TEMPLATE CHECKBOX COMPONENT */
.template_checkbox > label {
    width: 14px;
    height: 14px;
    background-color: #FFFFFF;
    border: 2px solid #D2D2D2;
    border-radius: 3px;

    cursor: pointer;

    transition: border 0.1s ease-in, background-color 0.1s ease-in;
}

.template_checkbox > label:hover {
    background-color: #F8F8F8;
}

.template_checkbox > input:checked + label {
    background-color: #257AFB;
    border-color: #257AFB;
    background-image: url(./images/templates/components/Galochka.svg);
    background-position: center;
    background-repeat:  no-repeat;
    background-size: 8px;
}

.template_checkbox  > input:checked + label:hover {
    background-color: #196CE9;
}

.template_checkbox > input {
    display: block;
    height: 0;
    visibility: hidden;
}

/* /////////////////////////////////////// */

/* .quiz_selector_popup_inner {
    max-width: 600px;
    bottom: auto;

    left: 50%;
    transform: translateX(-50%);
}

.quiz_selector_popup_box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.quiz_selector_popup_label {
    margin-top: 20px;
    margin-bottom: 35px;

    font-weight: bold;
    font-size: 16px;
}

.quiz_selector_popup_content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;

    width: 100%;
}

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

    width: 48%;
    height: 180px;

    background-color: transparent;

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

.quiz_selector_popup_content_card:hover {
    border-color: #1375BE;
}

.quiz_selector_popup_card_icon {
    width: 60px;
    height: 60px;

    background-position: center;
    background-size: 35px;
    background-repeat: no-repeat;

    margin-bottom: 10px;
}

.card_stat_quiz .quiz_selector_popup_card_icon {
    background-image: url(./images/tests/quiz/quizselector_type_survey.svg);
}

.card_duration_quiz .quiz_selector_popup_card_icon {
    background-image: url(./images/tests/quiz/quizselector_type_quiz.svg);
}

.quiz_selector_popup_card_label {
    font-weight: bold;
    color: #000000;
} */

.webinar_quizselector_popup_content {
    width: 450px;
    padding: 0 20px 20px 20px;
}

.webinar_quizselector_popup_content_card {
    background-color: transparent;
    padding: 8px;
    display: flex;
    gap: 16px;
    width: 100%;
    border: none;
    border-radius: 8px;
    align-items: center;
}

.webinar_quizselector_popup_content_card:hover {
    background-color: rgba(83, 102, 121, 0.04);
}

.webinar_quizselector_popup_content_card_left {
    flex: 0;
}

.webinar_quizselector_popup_content_card_right {
    flex: 1;
    display: flex;
    flex-direction: column;
    text-align: left;
}

.webinar_quizselector_popup_content_card_icon {
    width: 110px;
    height: 62px;

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

    border-radius: 8px;
    box-shadow: 0px 0px 8.2px 0px rgba(30, 31, 86, 0.07);
}

.webinar_quizselector_popup_content_card_label {
    color: var(--pruffme-text-primary);
    font-size: 15px;
}

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

.webinar_quizselector_popup_icon_survey {
    background-image: url(./images/tests/quiz/quizselector_type_survey.svg);
}

.webinar_quizselector_popup_icon_quiz {
    background-image: url(./images/tests/quiz/quizselector_type_quiz.svg);
}

#__ym_wv_ign__opener
{
    display:none;
}

/* MEDIA SELECTOR/UPLOADER */

.pruffme_media_selector_item {
    position: relative;
    display: block;
    border: none;
    width: 100%;
    padding: 0;
    font: inherit;
    color: inherit;
    background-color: transparent;
    cursor: pointer;
    text-align: initial;
}

.pruffme_media_selector_item:not(:last-child) {
    border-bottom: 1px solid #EEEEEE;
}

.pruffme_media_selector_item.selected,
body:not(.ios-device) .pruffme_media_selector_item:hover {
    background-color: #F7F7F9;
}


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

    padding: 12px;
}

.pruffme_media_selector_item_selected {
    margin-right: 12px;
    flex-shrink: 0;
}

.pruffme_media_selector_item_logo {
    margin-right: 8px;
}

.pruffme_media_selector_item_selected > .item_selected {
    display: none;
}

.pruffme_media_selector_item.selected .item_unselected {
    display: none;
}

.pruffme_media_selector_item.selected .item_selected {
    display: block;
}

.pruffme_media_selector_item_content {
    flex: 1;

    display: flex;
    flex-direction: column;
    gap: 2px;

    overflow: hidden;
    position: relative;
}

.pruffme_media_selector_item_single-selected_box,
.pruffme_media_selector_item_action_box {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;

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

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

.pruffme_media_selector_item.single_selection .pruffme_media_selector_item_selected {
    display: none;
}

.pruffme_media_selector_item.single_selection.selected .pruffme_media_selector_item_single-selected_box {
    display: flex;
}

body:not(.ios-device) .pruffme_media_selector_item.selected:hover .pruffme_media_selector_item_single-selected_box {
    display: none;
}


body:not(.ios-device) .pruffme_media_selector_item:hover .pruffme_media_selector_item_action_box {
    display: flex;
}

.pruffme_media_selector_item.single_selection.selected .pruffme_media_selector_item_content_name,
body:not(.ios-device) .pruffme_media_selector_item:hover .pruffme_media_selector_item_content_name {
    padding-right: 30px;
}

.pruffme_media_selector_item_content_name,
.pruffme_media_selector_item_content_top {
    overflow: hidden;
}

.pruffme_media_selector_item_content_name {
    color: var(--pruffme-text-primary);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

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

.pruffme_media_selector_item_content_subline_delimeter,
.pruffme_media_selector_item_content_subline {
    color: var(--pruffme-text-secondary);
}

.pruffme_media_selector_item_content_subline_delimeter {
    padding: 0 3px;
}

.pruffme_media_selector_inner {
    position: relative;

    min-height: calc(80vh - 240px);
    max-height: calc(80vh - 240px);
    width: 514px;
    padding: 0 20px;
    padding-right: 14px;
    margin-right: 6px;
}

.pruffme_media_selector_top_line,
.pruffme_media_selector_bottom_line {
    position: relative;
    flex-shrink: 0;
}

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

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

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

.pruffme_media_selector_bottom_line {
    height: 88px;

    border-top: 1px solid #EEEEEE;
}

.pruffme_media_selector_top_line {
    padding: 0 20px;
    padding-bottom: 16px;
}

.pruffme_media_selector_item_logo {
    width: 32px;
    height: 32px;
    position: relative;
}

.pruffme_media_selector_item_content_progress {
    display: flex;
    align-items: center;
    color: var(--pruffme-text-secondary);
}


.pruffme_media_selector_item_content_error {
    position: absolute;
    right: 30px;
    top: 10px;
    color: #d65b5b;
}


.pruffme_template_next_loading_item {
    height: 65px;
    position: relative;
}

.pruffme_media_selector_icon_zoom_in {
    background-image: url(../../assets/css/images/cabinet/popup/icon_zoom-in.svg);
}

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

.pruffme_media_selector_icon_youtube {
    background-image: url(../../assets/css/images/cabinet/icons/icon_youtube.svg);
}


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

    display: flex;
    align-items: center;

    padding: 0 20px;
}

.pruffme_media_selector_bottom_action_overlay.multiple_actions_inline {
    justify-content: space-between;
}

.pruffme_media_selector_bottom_action_overlay.action_selector {
    display: none;
}

.pruffme_media_selector_bottom_action_select_inner {
    display: flex;
    justify-content: space-between;
    flex: 1;
}

.pruffme_media_selector_selected_entities {
    display: flex;
    margin-left: 5px;
    margin-bottom: 2px;
    height: 16px;

    color: #FFFFFF;
    padding: 0 4px;

    border-radius: 5px;
    background-color: #4D8CEB;
}

.pruffme_modal_newfolder_outer {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 440px;
    padding: 0 20px 24px 20px;
}

.pruffme_modal_newfolder_input {
    display: flex;
    gap: 12px;
}

.pruffme_modal_newfolder_inner {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 440px;
    padding: 0 20px 24px 20px;
}

.pruffme_folder_transfer_back_button {
    color: var(--pruffme-text-primary)!important;
    font-size: 13px!important;
    padding-left: 8px;
    padding-right: 16px;
}

.pruffme_prepopup_placeholder {
    opacity: 0;
    transition: opacity 0.1 ease-in;
}

.pruffme_prepopup_placeholder.show_animation {
    opacity: 1;
}


.popup_webinar_templates_content {
    position: relative;

    width: 520px;
    height: calc(100vh - 330px);
    max-height: 417px;
    padding: 0 20px;
    overflow-x: hidden;
}

.popup_webinar_templates_content:empty::after {
    content: attr(data-empty-placeholder);
    display: flex;
    justify-content: center;
    align-items: center;

    color: var(--pruffme-text-secondary);

    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.popup_pruffme_template_tip {
    padding: 12px 20px 12px 16px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: rgba(33, 111, 230, 0.06);
    color: var(--pruffme-blue-100);
}

.popup_webinar_templates_tip_wrapper {
    padding: 16px 20px;
    padding-top: 0;
}

.popup_pruffme_template_tip > span {
    flex: 1;
}

.popup_webinar_templates_search_wrapper {
    padding: 0 20px;
    margin-bottom: 16px;
}

.popup_webinar_templates_content_card {
    padding: 12px;
    display: flex;
    gap: 8px;
}

.popup_webinar_templates_content_card:hover {
    position: relative;
    background-color: #F7F7F9;
}

.popup_webinar_templates_content_card:hover,
.popup_webinar_templates_content_card.selected {
    border-radius: 8px;
}

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

.popup_webinar_templates_content_card_selected {
    display: none;
}

.popup_webinar_templates_content_card.selected .popup_webinar_templates_content_card_selected {
    display: flex;
    align-items: center;
    justify-content: center;

    position: absolute;
    top: 0;
    bottom: 0;

    right: 0;
}

.popup_webinar_templates_content_card_logo {
    flex-shrink: 0;
}

.popup_webinar_templates_content_card_info {
    display: flex;
    flex-direction: column;
    position: relative;
    flex: 1;
}

.popup_webinar_templates_content_card_creationdate,
.popup_webinar_templates_content_card_name {
    color: var(--pruffme-text-primary, #2C2D2E);
/* Text Regular */
    font-family: Rubik;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.popup_webinar_templates_content_card_creationdate {
    color: var(--pruffme-text-secondary, #A8AAB3);
    line-height: 15px;
}

.popup_webinar_templates_content_card:not(:last-child) {
    border-bottom: 1px solid #EEE;
}

.popup_webinar_templates_bottom {
    padding: 20px;
    padding-bottom: 24px;
}

.popup_webinar_templates_bottom_menu {
    display: flex;
}

.popup_webinar_templates_bottom_menu.secondary {
    display: none;
    justify-content: space-between;
}

.popup_webinar_templates_bottom.secondary-menu .popup_webinar_templates_bottom_menu.main {
    display: none;
}

.popup_webinar_templates_bottom.secondary-menu .popup_webinar_templates_bottom_menu.secondary {
    display: flex;
}


/** WEBINAR LANDING COMMENTS **/

.webinar-landing-comments-content-box {
    position: relative;
    margin-bottom: 16px;

    display: flex;
    flex-direction: column-reverse;
    gap: 12px;

    overflow: auto;
    overflow: overlay;
}

.webinar-landing-comments-input-area {
    width: 100%;
    background: transparent;
    border: none;
    resize: none;
    padding: 0;
    margin: 0;
    line-height: 20px;
    max-height: 200px;
}

.webinar-landing-comments-input-container {
    display: flex;
    align-items: flex-end;
    gap: 8px;
}

.webinar-landing-comments-input-logo {
    flex-shrink: 0;
    width: 32px;
    padding-bottom: 4px;
}

.webinar-landing-comments-input-area-outer {
    position: relative;
    border-radius: 8px;
    background: #F7F7F9;
    padding-left: 12px;
    padding-bottom: 6px;
    padding-top: 10px;
    padding-right: 85px;
    flex: 1;
}

.webinar-landing-comments-input-send-button {
    width: 32px;
    padding-bottom: 4px;
}

.webinar-landing-comments-input-attachmment-box {
    display: flex;
    align-items: center;

    position: absolute;
    bottom: 0;
    right: 0;
}

.webinar-landing-comments-content-box: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: var(--pruffme-text-secondary);

    user-select: none;
}

.webinar-landing-comments-item-text {
    word-break: break-all;
}

.webinar-landing-comments-item-main-attachments,
.webinar-landing-comments-attachment-box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-top: 16px;
}

.webinar-landing-comments-item-main-attachments {
    margin-top: 8px;
    margin-left: 40px;
    gap: 8px;
}

.webinar-landing-comments-input-attachment-box {
    position: absolute;
    display: flex;
    bottom: 0;
    top: 0;
    right: 0;

    align-items: center;
}

.webinar-landing-comments-item-main-attachments:empty,
.webinar-landing-comments-input-attachment-box:empty,
.webinar-landing-comments-attachment-box:empty {
    display: none;
}

.webinar-landing-comments-attachment-item {
    display: flex;
    padding: 6px 12px 6px 10px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 8px;
    background: #F7F7F9;
    overflow: hidden;
}

.webinar-landing-comments-attachment-item-logo {
    flex-shrink: 0;
}

.webinar-landing-comments-attachment-item-box {
    display: flex;
    gap: 8px;
    overflow: hidden;
    align-items: center;
}

.webinar-landing-comments-attachment-item-info-box {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex: 1;
}

.webinar-landing-comments-attachment-item-name {
    color: var(--pruffme-text-primary, #2C2D2E);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

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

.webinar-landing-comments-attachment-item-description {
    display: flex;
    align-items: center;

    overflow: hidden;
    color: var(--pruffme-text-secondary);
    text-overflow: ellipsis;

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

.webinar-landing-comments-attachment-item-action-box {
    flex-shrink: 0;
}

.icon_webinar-landing-comments-attachment {
    background-image: url(../../assets/css/images/chat/icon_chat_attachment_secondary.svg);
}

.icon_webinar-landing-comments-download {
    background-image: url(../../assets/css/landing/icons/icon_download.svg);
}

.pruffme_im_newchat_icon_audio {
    background-image: url(../../assets/css/images/chat/icon_chat_audio.svg);
}

.pruffme_im_newchat_icon_file {
    background-image: url(../../assets/css/images/chat/icon_chat_file.svg);
}

.pruffme_im_newchat_icon_image {
    background-image: url(../../assets/css/images/chat/icon_chat_image.svg);
}

.pruffme_im_newchat_icon_video {
    background-image: url(../../assets/css/images/chat/icon_chat_video.svg);
}

.webinar-landing-comments-input-container > .webinar-landing-comments-input-send-button {
    opacity: 0;
    transition: opacity 0.2s ease-in;
}

.webinar-landing-comments-input-container.sendable > .webinar-landing-comments-input-send-button {
    opacity: 1;
}

.webinar-landing-comments-item {
    position: relative;
}

.webinar-landing-comments-item-main-line {
    position: relative;
    display: flex;
    gap: 8px;
}

.webinar-landing-comments-item-logo {
    flex-shrink: 0;
}

.webinar-landing-comments-item-name-box {
    display: flex;
    gap: 8px;
}

.webinar-landing-comments-item-name-label {
    color: var(--pruffme-text-primary, #2C2D2E);
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.webinar-landing-comments-item-date-label {
    color: var(--pruffme-text-secondary, #A8AAB3);
    font-size: 13px;
    line-height: 20px;
}

.webinar-landing-comments-item-right-box {
    flex: 1;
}

.webinar-landing-comments-item-action-drop {
    display: none;
}

.webinar-landing-comments-item:hover .webinar-landing-comments-item-action-drop {
    position: absolute;
    top: 5px;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF;

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

.pruffme_landing_comment_icon {
    font-size: 22px;
}

.icon-webinar-landing-smile {
    background-image: url(../css/landing/icons/icon_commnets_smile.svg);
}

.icon-webinar-landing-send {
    background-image: url(../css/landing/icons/icon_comments_send.svg);
}

.icon-webinar-landing-comments-bin {
    background-image: url(../css/landing/icons/icon_comments_bin.svg);
}
/***** ******/

/** INSTANT MESSAGE POPUP **/

.instant_im_message_content {
    padding: 0 20px 20px 20px;
    width: 480px;
}

.instant_im_message_content_info_wrapper {
    display: flex;
    gap: 8px;
    margin-bottom: 20px;
}

.instant_im_message_content_info_logo_placeholder {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background-color: var(--pruffme-background-outlined);
}

.instant_im_message_content_info_main {
    color: var(--pruffme-text-primary, #2C2D2E);
    font-family: Rubik;
    font-size: 13px;
    font-style: normal;
    line-height: 20px; /* 153.846% */

    flex: 1;
    overflow: hidden;
}

.instant_im_message_content_info_name {
    font-weight: 500;
}

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

.instant_im_message_content_input {
    height: 160px !important;
    resize: none;
}

.instant_im_message_content_input_wrapper {
    margin-bottom: 20px;
}

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

.instant_im_message_content_info_name > .instant_im_message_content_text_skeleton {
    width: 150px;
}

.instant_im_message_content_info_status > .instant_im_message_content_text_skeleton {
    width: 80px;
}

.instant_im_message_content_text_skeleton {
    height: 16px;
    margin-top: 4px;
    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: text_skeleton 2s infinite;
}

.pruffme_emojipicker_dropdown_wrapper > em-emoji-picker {
    box-shadow: none;
}

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

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

/****** ********/


/* ONBOARDING POPUP STYLYES */

.onboarding_steps_box {
    padding: 8px;
    display: flex;
    width: 578px;
    height: 394px;

    position: relative;
}

.onboarding_steps_left {
    width: 210px;
    flex-shrink: 0;

    border-radius: 8px;

    position: relative;
    overflow: hidden;
}

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

    background-color: #182944;
    background-image: url(./images/cabinet/onboarding/static_bg.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.onboarding_steps_left_bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 400px;
    height: 190px;

    background-image: url(./images/cabinet/onboarding/slide_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;

    transition: left ease-in var(--onboarding-transition-speed);
}

.onboarding_steps_left_bg.stage-1 {
    left: 0;
}

.onboarding_steps_left_bg.stage-2 {
    left: -130px;
}

.onboarding_steps_left_bg.stage-3 {
    left: -210px;
}

.onboarding_steps_left_header {
    position: absolute;
    left: 24px;
    top: 40px;
    right: 24px;

    color: #FFFFFF;

    /* Title Medium */
    font-family: Rubik;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 122.222% */


}

.onboarding_steps_left_subheader {
    position: absolute;
    left: 24px;
    top: 120px;
    right: 24px;

    color: #FFFFFF;
    font-family: Rubik;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 123.077% */
}

.onboarding_steps_left_header,
.onboarding_steps_left_subheader {
    opacity: 1;
    transition: opacity ease-in var(--onboarding-transition-halfspeed);
}


.onboarding_steps_left_header.header-fade-out,
.onboarding_steps_left_subheader.header-fade-out {
    opacity: 0;
}

.onboarding_content {
    background-color: #F7F7F9;
    border-radius: 8px;
}

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

    flex: 1;
    height: 100%;
}

.onboarding_step_content {
    flex: 1;
}

.onboarding_step_content,
.onboarding_step_actions_box {
    opacity: 1;
    transition: opacity ease-in var(--onboarding-transition-halfspeed);
}

.onboarding_step_actions_box.step-fade-out,
.onboarding_step_content.step-fade-out {
    opacity: 0;
}

.onboarding_step_actions_box.hidden,
.onboarding_step_content.hidden {
    display: none;
}

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

    padding: 12px 20px;

    height: 100%;
}

.onboarding_step_final_label,
.onboarding_step_feedback_stars_label,
.onboarding_step_feedback_response_label,
.onboarding_step_purpose_label,
.onboarding_step_intrests_label,
.onboarding_step_initial_label {
    color: #2C2D2E;
    font-family: Rubik;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;

    margin-bottom: 20px;
}

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

    gap: 12px;
}

.onboarding_step_initial_button {
    flex: 1;

    padding: 16px 4px 12px 4px;
    display: flex;
    flex-direction: column;
    align-items: center;

    border-radius: 8px;
    border: 1px solid #F1F3F5;
    background: #FFFFFF;
}

.onboarding_step_initial_button:hover {
    border-color: var(--pruffme-blue-100);
}

.onboarding_step_initial_button_label {
    margin-top: 8px;
    color: var(--pruffme-text-primary);
}

.onboarding_step_initial_button_description {
    margin-top: 4px;
    font-size: 10px;
    flex: 1;
    color: var(--pruffme-text-secondary);
}


.onboarding_step_actions_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px 12px 20px;
}

.onboarding_step_progress {
    display: flex;
    flex-direction: column;
}

.onboarding_step_progress_bar {
    position: relative;
    height: 4px;
    background-color: #FFFFFF;
    border-radius: 5px;
    overflow: hidden;
    width: 80px;
}

.onboarding_step_progress_bar_line {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -100%;
    background-color: #257AFB;
    border-radius: 4px;
    width: 100%;
}

.onboarding_step_overlay_top {
    position: absolute;
    display: none;
    top: 6px;
    right: 16px;
}

.onboarding_content.can-skip .onboarding_step_overlay_top {
    display: block;
}

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

.onboarding_step_action_button {
    display: none;
}

.onboarding_step_action_button.next_step_button {
    display: block;
}

.onboarding_step_actions_box.can-back-step .onboarding_step_action_button.back_step_button {
    display: block;
}

.onboarding_step_actions_box.last-step .onboarding_step_action_button.next_step_button {
    display: none;
}

.onboarding_step_actions_box.last-step .onboarding_step_action_button.finish_step_button {
    display: block;
}

.onboarding_step_final_inner,
.onboarding_step_feedback_inner,
.onboarding_step_purpose_inner,
.onboarding_step_intrests_inner {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
    padding: 12px 20px;
    position: relative;
}

.onboarding_step_feedback_main_box,
.onboarding_step_purpose_main_box,
.onboarding_step_intrests_main_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
}

.onboarding_step_purpose_main_content,
.onboarding_step_intrests_main_content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1fr;
    gap: 8px;
    max-height: 350px;
    overflow: hidden;
}

.onboarding_custom_intrests {
    background-color: transparent;
    border: none;
    width: 80%;
    text-align: center;
}

.onboarding_radio_button {
    border: none;
    position: relative;
}

.onboarding_radio_button_inner {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 56px;
    width: 100%;

    border-radius: 8px;
    border: 1px solid #F1F3F5;
    background: #FFFFFF;
    padding: 8px 4px;
    color: var(--pruffme-text-primary);
    cursor: pointer;
}

.onboarding_radio_button_input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    z-index: -9999;
}

.onboarding_radio_button_input:checked ~ .onboarding_radio_button_inner {
    border-color: var(--pruffme-blue-100);
}

.onboarding_radio_button_inner:hover {
    border-color: var(--pruffme-blue-100);
}

.onboarding_purpose_radio_button_inner {
    flex-direction: column;
    gap: 8px;
    padding: 16px 4px;
}

.onboarding_step_feedback_stars_label {
    margin-bottom: 12px;
}

.onboarding_step_feedback_stars_box {
    margin-bottom: 24px;
}

.onboarding_step_feedback_response_label {
    margin-bottom: 16px;
}

.onboarding_step_final_animation {
    width: 70px;
    height: 70px;

    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(./images/cabinet/onboarding/icon_final_animation.gif);

    margin-bottom: 16px;
}

.onboarding_step_final_label {
    margin-bottom: 12px;
}

.onboarding_step_final_description {
    color: var(--pruffme-text-primary);
    margin-bottom: 16px;
}

.onboarding_step_final_contacts_mail,
.onboarding_step_final_contacts_phone {
    color: var(--pruffme-text-primary);
    text-decoration: underline;
}

.onboarding_step_final_actions {
    display: flex;
    flex: 1;

    justify-content: flex-end;
    align-items: end;
}



.onboarding_tariff_modal {
    overflow: hidden;
}


.onboarding_tariff_modal_inner {
    width: 578px;
    height: 400px;
}

.onboarding_tariff_content {
    display: flex;

    color: var(--pruffme-text-primary, #2C2D2E);

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

.onboarding_tariff_content_left {
    width: 265px;
    flex-shrink: 0;
    padding: 20px;
}

.onboarding_tariff_content_left_inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}

.onboarding_tariff_content_left_main {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.onboarding_tariff_content_left_label {
    display: flex;
    width: 100%;

    font-size: 18px;
    font-weight: 500;
    line-height: 22px;

    margin-bottom: 25px;
}

.onboarding_tariff_content_left_actions {
    display: flex;
    align-items: end;
    width: 100%;
}

.onboarding_tariff_content_left_label > span {
    margin-right: 6px;
}

.onboarding_tariff_content_right {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 1;
    position: relative;
    background: linear-gradient(192deg, #F1F3F5 10.22%, #E3E7EB 97.12%);
}

.onboarding_tariff_content_card {
    width: 218px;
    padding: 16px 16px 20px 16px;
    border-radius: 11px;
    border: 1px solid #F1F3F5;
    background: #FFFFFF;
    box-shadow: 0px 0px 25.991px 0px rgba(53, 38, 84, 0.06);
}

.onboarding_tariff_content_card_inner {
    display: flex;
    flex-direction: column;
}

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

    margin-bottom: 16px;
}

.onboarding_tariff_content_card_header_text {
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
}

.onboarding_tariff_content_card_header_tag {
    display: flex;
    align-items: center;
    justify-content: center;

    height: 25px;
    padding-left: 12px;
    padding-right: 12px;

    border-radius: 5px;
    background: rgba(33, 111, 230, 0.10);

    color: var(--pruffme-blue-100);
    text-align: center;
}

.onboarding_tariff_content_card_info:not(:last-child) {
    margin-bottom: 12px;
}

.onboarding_tariff_content_card_info_label {
    font-weight: 500;
    margin-bottom: 8px;
}

.onboarding_tariff_content_card_info_line {
    display: flex;
    gap: 8px;
}

.onboarding_creation_content {
    display: flex;
    gap: 12px;

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

    font-family: Rubik;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    padding: 0 20px 20px 20px;
}

.onboarding_creation_popup_header {
    color: var(--pruffme-text-primary);
    display: flex;
    justify-content: space-between;
}

.onboarding_creation_popup_header > .pruffme_modal_header_label {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px
}

.onboarding_creation_skip_button {
    display: flex;
    align-items: center;
    gap: 4px;

    padding: 0;
    background-color: transparent;
    border: none;
}

.onboarding_creation_skip_button:hover {
    color: var(--pruffme-blue-100);
}

.onboarding_creation_card {
    width: 170px;
    border-radius: 8px;
    border: 1px solid #F1F3F5;
    background: #FFFFFF;
    padding: 0;

    overflow: hidden;
}


.onboarding_creation_card_header {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;

    text-align: center;

    background: #F7F7F9;
}


.onboarding_creation_card:hover {
    border-color: var(--pruffme-blue-100)
}

.onboarding_creation_card:hover .onboarding_creation_card_header {
    background: #216FE61A;
}

.onboarding_creation_card_description {
    font-size: 10px;
    color: var(--pruffme-text-secondary);

    margin: 12px 0;
    text-align: center;
}

.onboarding_creation_card_bg {
    height: 180px;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;
}

.onboarding_support_msg_content {
    display: flex;
    flex-direction: column;
    padding: 8px 20px 16px 20px;
    width: 450px;
}

.onboarding_connect_msg_content {
    display: flex;
    flex-direction: column;
    padding: 0px 20px 16px 20px;
    width: 450px;
}

.onboarding_support_msg_content_description {
    margin-top: 16px;
}

.onboarding_connect_msg_content_description {
    margin-top: 0px;
}

.onboarding_support_msg_content_input,
.onboarding_connect_msg_content_input {
    margin-top: 8px;
}

.onboarding_support_msg_content_actions {
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.onboarding_connect_msg_content_actions {
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}

.onboarding_support_success_msg_content,
.onboarding_connect_success_msg_content {
    width: 400px;
    padding: 0 20px 20px 20px;
}

.onboarding_support_success_msg_actions,
.onboarding_connect_success_msg_actions {
    display: flex;
    margin-top: 20px;
}

.onboarding_step_pre-existed_inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.onboarding_step_pre-existed_icon {
    width: 70px;
    height: 70px;

    margin-bottom: 12px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(./images/cabinet/onboarding/icon_pre-existed-anim.gif);
}

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

    font-size: 18px;
    font-weight: 500;
    line-height: 22px;

    margin-bottom: 8px;
    text-align: center;
}

.onboarding_step_pre-existed_description {
    text-align: center;
    margin-bottom: 20px;
}

.onboarding_step_pre-existed_buttons {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.icon_onboarding_creation_webinar {
    background-image: url(./images/cabinet/onboarding/icon_creation_webinar.png);
}

.icon_onboarding_creation_conf {
    background-image: url(./images/cabinet/onboarding/icon_creation_conf.png);
}

.icon_onboarding_creation_dashboard {
    background-image: url(./images/cabinet/onboarding/icon_creation_dashboard.png);
}

.icon_onboarding_tariff_bullet {
    background-image: url(./images/cabinet/onboarding/icon_tariff_bullet.svg);
}

.icon_onboarding_tariff_clap {
    background-image: url(./images/cabinet/onboarding/icon_tariff_clap.png);
}

.icon_onboarding_initial_participant {
    background-image: url(./images/cabinet/onboarding/icon_initial_participant.svg);
}

.icon_onboarding_initial_org {
    background-image: url(./images/cabinet/onboarding/icon_initial_org.svg);
}

.icon_onboarding_purpose_self {
    background-image: url(./images/cabinet/onboarding/icon_purpose_self.svg);
}

.icon_onboarding_purpose_company {
    background-image: url(./images/cabinet/onboarding/icon_purpose_company.svg);
}

.onboarding_tariff_mobile_content_inner {
    display: flex;
    flex-direction: column;
    align-items: center ;
}

.onboarding_tariff_mobile_content_label {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 8px;
}

.onboarding_tariff_mobile_content_description {
    text-align: center;
    margin-bottom: 20px;
}

.onboarding_tariff_mobile_content_actions {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.onboarding_tariff_mobile_content_inner {
    padding: 16px 20px;
}

.onboarding_creation_mobile_content_inner {
    padding: 20px;
    padding-top: 0;
}

.onboarding_creation_mobile_content_main {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.onboarding_creation_mobile_card {
    display: flex;
    gap: 12px;
    padding: 8px;
    border-radius: 6px;

    background-color: transparent;
    border: none;
    text-align: left;
}

.onboarding_creation_mobile_card_left {
    flex-shrink: 0;
}

.onboarding_creation_mobile_card_icon_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 48px;
    height: 48px;
    border-radius: 6px;
    background: #F1F3F5;
}

.onboarding_creation_mobile_card_right {
    flex: 1;
}

.onboarding_creation_mobile_card_header {
    line-height: 16px;
}

.onboarding_creation_mobile_card_description {
    line-height: 16px;
    color: var(--pruffme-text-secondary);
}

.onboarding_creation_mobile_content_actions {
    margin-top: 20px;
    width: 100%;
    display: flex;
}

.onboarding_step_initial_label_box.mobile {
    display: none;
}

.pruffme_onboarding_modal.mobile_device .onboarding_steps_box {
    width: 90vw;
    height: auto;
    max-height: 500px;
}

.pruffme_onboarding_modal.mobile_device .onboarding_steps_left {
    display: none;
}

.pruffme_onboarding_modal.mobile_device .onboarding_step_initial_buttons {
    align-items: stretch;
}

.pruffme_onboarding_modal.mobile_device .onboarding_radio_button,
.pruffme_onboarding_modal.mobile_device .onboarding_radio_button_inner {
    max-height: 100px;
    height: 100%;
    overflow: hidden;
}

.pruffme_onboarding_modal.mobile_device .onboarding_content.can-skip .onboarding_step_overlay_top {
    display: none;
}

.pruffme_onboarding_modal.mobile_device .onboarding_step_final_inner {
    align-items: center;
}

.pruffme_onboarding_modal.mobile_device .onboarding_step_final_label {
    font-weight: 18px;
    margin-bottom: 8px;
}

.pruffme_onboarding_modal.mobile_device .onboarding_step_final_description {
    margin-bottom: 8px;
}

.pruffme_onboarding_modal.mobile_device .onboarding_step_final_contacts {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pruffme_onboarding_modal.mobile_device .onboarding_step_final_actions {
    width: 100%;
    justify-content: stretch;
}

.pruffme_onboarding_modal.mobile_device .onboarding_step_final_actions > button {
    width: 100%;
}

.pruffme_onboarding_support_modal.mobile_device .onboarding_support_msg_content,
.pruffme_onboarding_connect_modal.mobile_device .onboarding_connect_msg_content {
    width: auto;
}

.pruffme_onboarding_modal.mobile_device .onboarding_step_initial_label_box.desctop {
    display: none;
}

.pruffme_onboarding_modal.mobile_device .onboarding_step_initial_label_box.mobile {
    display: block;
}

.pruffme_onboarding_modal.mobile_device .onboarding_step_initial_label {
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 4px;
}

.pruffme_onboarding_modal.mobile_device .onboarding_step_initial_description {
    font-size: 15px;
    color: var(--pruffme-text-secondary);
    margin-bottom: 16px;
}

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


    .onboarding_support_success_msg_content {
        width: 90vw;
    }
}

/****** ********/

.pruffme_contact_need_popup_content,
.pruffme_landing_demo_popup_content {
    width: 520px;
    padding: 0 20px 20px 20px;
    font-family: Rubik, Inter, Arial;
}

.pruffme_landing_demo_popup_content_selector_label {
    color: var(--pruffme-text-secondary);
    margin-bottom: 16px;
}

.pruffme_landing_demo_popup_content_selector {
    display: flex;
    gap: 8px;
    margin-bottom: 24px;
}

.pruffme_landing_demo_popup_content_selector_item {
    flex: 1;
    justify-content: center;
}

.pruffme_contact_need_popup_content_line,
.pruffme_landing_demo_popup_content_line {
    margin-bottom: 24px;
}

.pruffme_landing_demo_popup_content_line_header
{
    font-size: 15px;
    font-weight: bold;
}

.pruffme_landing_demo_popup_content_line_text a {
    display: inline;
    text-decoration: none;
    color: var(--faq-main-color);
}

.pruffme_landing_demo_popup_content_line_text.left_padded
{
    padding-left: 13px;
}

.pruffme_contact_need_popup_content_line_label,
.pruffme_landing_demo_popup_content_line_label {
    margin-bottom: 8px;
    color: var(--pruffme-text-secondary);
}

.pruffme_landing_demo_popup_content_actions {
    display: flex;
}

.pruffme_landing_demo_popup_content_policy {
    color: var(--pruffme-text-secondary);
    margin-top: 16px;
}

.pruffme_landing_demo_popup_content_policy > a {
    text-decoration: none !important;
    color: var(--pruffme-blue-100) !important;
}

.pruffme_landing_demo_success_popup_content {
    width: 520px;
    padding: 0 20px 20px 20px;
    font-family: Rubik, Inter, Arial;
}

.pruffme_landing_demo_success_popup_content_description {
    margin-bottom: 13px;
}

.pruffme_landing_demo_success_popup_info_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;

    padding: 16px 20px;
    border-radius: 12px;
    background-color: #F0F2F4;

    background-image: url(../../assets/css/images/auth/icon_demo_success.svg);
    background-repeat: no-repeat;
    background-position: right;
}

.pruffme_landing_demo_success_popup_info_box_name {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
}

.pruffme_landing_demo_success_popup_info_box_name > span {
    color: var(--pruffme-blue-100);
}

.pruffme_need_contact_form_label
{
    text-decoration: underline;
    cursor: pointer;
}

@media all and (max-width: 640px) {
    .pruffme_contact_need_popup_content,
    .pruffme_landing_demo_success_popup_content,
    .pruffme_landing_demo_popup_content {
        width: 95vw;
    }
}

@media all and (max-width: 550px) {
    .pruffme_modal_newfolder_inner,
    .pruffme_media_selector_inner {
        width: 95vw;
    }

    .pruffme_media_selector_item .pruffme_media_selector_item_action_box {
        display: flex;
    }

    .pruffme_media_selector_item.single_selection.selected .pruffme_media_selector_item_action_box {
        display: none;
    }

    .pruffme_media_selector_item .pruffme_media_selector_item_content_name {
        padding-right: 30px;
    }

    .popup_webinar_templates_content {
        width: auto;
    }

    .popup_webinar_templates_content-wrapper {
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .popup_webinar_templates_bottom.secondary-menu .popup_webinar_templates_bottom_menu.secondary {
        flex: 1;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .popup_webinar_templates_content {
        height: 100%;
    }

    .instant_im_message_content {
        width: 95vw;
    }

    .webinar_quizselector_popup_content {
        width: 90vw;
    }
}



/****** pwa install prompt styles ******/

.pruffme_pwa_prompt_modal_outer
{
    /*width: Fixed (375px)
    height: Fixed (619px)*/
    display: flex;
    flex-direction: column;
    padding: 0px 16px 0px 16px;
    gap: 16px;
    /*align-items: center;*/
}

.pruffme_pwa_prompt_modal_promo_block
{
    position: relative;
    width: 100%;
    height: 412px;
    border-radius: 16px;
    border: 1px solid #F1F3F5;

    background: linear-gradient(180deg, #3182FF -13.57%, #0C6CFF 71.98%);
}

.pruffme_pwa_prompt_modal_promo_block.completed
{
    background-image: url(images/pwa/installpromo/pwa_promo_ru.png);
    background-size: contain;
    background-repeat: no-repeat;
    /*width: 343px;*/
}

.pruffme_pwa_prompt_modal_promo_text_header
{
    /*width: 310px*/
    height: 84px;
    position: absolute;
    top: 16px;
    left: 16px;
    font-family: Rubik;
    font-size: 23px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: left;
    color: #FFFFFF;
}

.pruffme_pwa_prompt_modal_promo_text_block_outer
{
    display: flex;
    flex-direction: column;
    position: absolute;
    width: 186px;
    height: 178px;
    top: 218px;
    left: 16px;
    gap: 8px;
    z-index: 2;
}

.pruffme_pwa_prompt_modal_promo_text_block
{
    width: 186px;
    padding: 6px 10px 6px 10px;
    border-radius: 10px;
    gap: 10px;

    background: #FFFFFF40;

    font-family: Rubik;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: left;

    color: #FFFFFF;
    backdrop-filter: blur(5px);
    overflow: hidden;
}

.pruffme_pwa_prompt_modal_promo_phone
{
    width: 343px;
    height: 412px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-image: url(images/pwa/installpromo/phone_with_shadow.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

    z-index: 1;
}

.pruffme_pwa_prompt_modal_promo_phone_shadow
{
    position: absolute;
    /*background: #0030784D;*/
    right: 0;
    bottom: 0;
    width: 329px;
    height: 263px;

    background-image: url(images/pwa/installpromo/phone_shadow.png);
    background-repeat: no-repeat;
    background-position: center;
}

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

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

.pruffme_pwa_prompt_modal_promo_help_header
{
    font-family: Rubik;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: #2C2D2E;
}

.pruffme_pwa_prompt_modal_promo_help_text
{
    font-family: Rubik;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
}

.pruffme_pwa_prompt_modal_promo_help_text.ios_step1
{
    padding-left: 38px;
    background-image: url(images/pwa/installpromo/icon_ios_step1.svg);
    background-repeat: no-repeat;
    background-position-y: top;
    background-position-x: left;
    min-height: 30px;
    display: flex;
    align-items: center;
}

.pruffme_pwa_prompt_modal_promo_help_text.ios_step2
{
    padding-left: 38px;
    background-image: url(images/pwa/installpromo/icon_ios_step2.svg);
    background-repeat: no-repeat;
    background-position-y: top;
    background-position-x: left;
    min-height: 30px;
    display: flex;
    align-items: center;
}

.pwa_promo_banner_outer
{
    position: relative;
    display: flex;
    flex-direction: row;
    background: #F7F7F9;
}

.pwa_promo_banner_icon_outer
{
    width: 64px;
    height: 64px;
    padding: 12px 8px 12px 16px;
}

.pwa_promo_banner_icon_pruffme
{
    background-image: url(images/pwa/installpromo/icon_promo_pruffme.svg);
    background-repeat: no-repeat;
    background-position: center;

    width: 40px;
    height: 40px;
    border-radius: 8px;
}

.pwa_promo_banner_text_outer
{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.pwa_promo_banner_text_header
{
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0em;
    text-align: left;
}

.pwa_promo_banner_text_normal
{
    font-size: 12px;
    letter-spacing: 0px;
    text-align: left;
}

.pwa_promo_banner_close_outer
{
    display: flex;
    position: absolute;
    right: 0;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
}

.pwa_promo_banner_icon_close
{
    background-image: url(images/pwa/installpromo/icon_close.svg);
    background-repeat: no-repeat;
    background-position: center;

    width: 20px;
    height: 20px;
}

.imsend-imsuccess-popup {
    width: 480px;
    padding: 0 20px 20px 20px;
}

.imsend-imsuccess-popup-top {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.imsend-imsuccess-popup-top > span {
    font-size: 15px;
    font-weight: 500;
    line-height: 22px; /* 146.667% */
}

.imsend-imsuccess-popup-bottom {
    margin-bottom: 20px;
}

.imsend-imsuccess-popup-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.icon-imsend-check {
    background-image: url(./landing/icons/icon_check_green.svg);
}

/* WYSIWYG buttons and styles */

.quill-wrapper-container.pruffme_buttons .dropdown-menu
{
    border-radius: 8px;
    box-shadow: 0px 0px 8px 0px #1B366026;
    border: unset;
}

.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar
{
    /*
    display: flex;
    flex-direction: row;
    */
}

.quill-wrapper-container.pruffme_buttons:not(.unbordered) > .note-editor
{
    outline: none;
    border: 1px solid var(--pruffme-border-primary);
    border-radius: 8px;
}

.quill-wrapper-container.pruffme_buttons:not(.unbordered) > .note-editor > .note-toolbar
{
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.quill-wrapper-container.pruffme_buttons:not(.unbordered) > .note-editor > .note-statusbar
{
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.panel-heading.note-toolbar .note-para .dropdown-menu.dropdown-line-height
{
    min-width: 90px;
    padding-left: unset;
    padding-right: unset;
}

.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar > .note-btn-group
{
    display: inline-flex;
    align-items: center;
}

.quill-wrapper-container.pruffme_buttons .note-current-fontname,
.quill-wrapper-container.pruffme_buttons .note-current-fontsize,
.quill-wrapper-container.pruffme_buttons .note-icon-align-left
{
    margin-right: 6px;
}

.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar button > i
{
    display: flex;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar button
{
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    /*font-size: 13px;*/
}

.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar button:has(.note-icon-eraser),
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .note-btn-bold,
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .note-btn-italic,
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .note-btn-underline,
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .note-btn-strikethrough,
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar button:has(.note-icon-magic),
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .note-current-color-button,
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .note-btn-unorderedlist,
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .note-btn-orderedlist,
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .note-btn-align-left,
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .note-btn-align-right,
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .note-btn-align-center,
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .note-btn-align-justify,
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .btn-codeview,
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar button:has(.note-icon-text-height),
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar button:has(.note-icon-link),
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar button:has(.note-icon-table),
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar button:has(.note-icon-picture),
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar button:has(.note-icon-special-character),
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar button:has(.note-icon-undo),
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar button:has(.note-icon-redo),
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar button:has(.note-icon-unorderedlist),
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar button:has(.note-icon-orderedlist),
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar button:has(.note-icon-align-left),
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar button:has(.note-icon-align-right),
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar button:has(.note-icon-align-center),
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar button:has(.note-icon-align-justify)
{
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    /*
    width: 24px;
    height: 24px;
    */
    width: 28px;
    height: 34px;
}

.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar button:has(.note-icon-eraser)
{
    background-image: url(images/wysiwygeditor/buttonbar/icon_eraser_btn.svg);
}
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .note-icon-eraser::before{
    content:unset;
}

.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .note-btn-bold
{
    background-image: url(images/wysiwygeditor/buttonbar/icon_bold_btn.svg);
}
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .note-icon-bold::before{
    content:unset;
}

.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .note-btn-italic
{
    background-image: url(images/wysiwygeditor/buttonbar/icon_italic_btn.svg);

}
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .note-icon-italic::before{
    content:unset;
}

.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .note-btn-underline
{
    background-image: url(images/wysiwygeditor/buttonbar/icon_underline_btn.svg);
}
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .note-icon-underline::before{
    content:unset;
}

.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .note-btn-strikethrough
{
    background-image: url(images/wysiwygeditor/buttonbar/icon_strikethrough_btn.svg);
}
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .note-icon-strikethrough::before{
    content:unset;
}

.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar button:has(.note-icon-magic)
{
    background-image: url(images/wysiwygeditor/buttonbar/icon_magic_btn.svg);
    padding-right: 40px;
    background-position-x: left;
    width: 24px;
    height: 24px;
}
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .note-icon-magic{
    min-width: 24px;
}
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .note-icon-magic::before{
    content:unset;
}

/* тут ломается подсветка шрифта (подсветка фона работает) */
.quill-wrapper-container.pruffme_buttons .note-color.note-color-all{
    display: flex;
    align-items: center;
}
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .note-current-color-button
{
    background-image: url(images/wysiwygeditor/buttonbar/icon_color_btn.svg);
}
/*
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .note-recent-color
{
    background-image: url(images/wysiwygeditor/buttonbar/icon_color_btn.svg);
    width: 100%;
    height: 100%;
    background-size: cover;
}
*/
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .note-recent-color::before{
    content:unset;
}

.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar button:has(.note-icon-unorderedlist)
{
    background-image: url(images/wysiwygeditor/buttonbar/icon_unorderedlist_btn.svg);
}
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .note-icon-unorderedlist::before{
    content:unset;
}

.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar button:has(.note-icon-orderedlist)
{
    background-image: url(images/wysiwygeditor/buttonbar/icon_orderedlist_btn.svg);
}
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .note-icon-orderedlist::before{
    content:unset;
}

.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar button:has(.note-icon-align-left)
{
    background-image: url(images/wysiwygeditor/buttonbar/icon_align_left_btn.svg);
}
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar button.dropdown-toggle:has(.note-icon-align-left)
{
    padding-right: 28px;
    background-position-x: left;
    width: 24px;
    height: 24px;
}
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .note-icon-align-left{
    min-width: 12px;
}
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .note-icon-align-left::before{
    content:unset;
}

.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar button:has(.note-icon-align-right)
{
    background-image: url(images/wysiwygeditor/buttonbar/icon_align_right_btn.svg);
}

.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .note-icon-align-right::before{
    content:unset;
}

.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar button:has(.note-icon-align-center)
{
    background-image: url(images/wysiwygeditor/buttonbar/icon_align_center_btn.svg);
}

.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .note-icon-align-center::before{
    content:unset;
}

.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar button:has(.note-icon-align-justify)
{
    background-image: url(images/wysiwygeditor/buttonbar/icon_align_justify_btn.svg);
}

.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .note-icon-align-justify::before{
    content:unset;
}

.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .btn-codeview
{
    background-image: url(images/wysiwygeditor/buttonbar/icon_code_btn.svg);

}
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .note-icon-code::before{
    content:unset;
}

.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar button:has(.note-icon-text-height)
{
    background-image: url(images/wysiwygeditor/buttonbar/icon_text_height_btn.svg);
}
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .note-icon-text-height::before{
    content:unset;
}

.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .note-icon-text-height+span
{
    display: none;
}

.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar button:has(.note-icon-link)
{
    background-image: url(images/wysiwygeditor/buttonbar/icon_link_btn.svg);
}
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .note-icon-link::before{
    content:unset;
}

.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar button:has(.note-icon-table)
{
    background-image: url(images/wysiwygeditor/buttonbar/icon_table_btn.svg);
}
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .note-icon-table::before{
    content:unset;
}
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .note-icon-table+span
{
    display: none;
}

.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar button:has(.note-icon-picture)
{
    background-image: url(images/wysiwygeditor/buttonbar/icon_picture_btn.svg);
}
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .note-icon-picture::before{
    content:unset;
}

.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar button:has(.note-icon-special-character)
{
    background-image: url(images/wysiwygeditor/buttonbar/icon_special_character_btn.svg);
}
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .note-icon-special-character::before{
    content:unset;
}

.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar button:has(.note-icon-undo)
{
    background-image: url(images/wysiwygeditor/buttonbar/icon_undo_btn.svg);
}
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .note-icon-undo::before{
    content:unset;
}

.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar button:has(.note-icon-redo)
{
    background-image: url(images/wysiwygeditor/buttonbar/icon_redo_btn.svg);
}
.quill-wrapper-container.pruffme_buttons > .note-editor > .note-toolbar .note-icon-redo::before{
    content:unset;
}

@media all and (max-width: 620px) {
    .pruffme_top_alert.popup_warning_alert
    {
        height: unset;
    }

    .pruffme_top_alert > .alert_message
    {
        white-space: unset;
        width: max-content;
        text-align: left;
    }

    .pruffme_top_alert > .pruffme_icon
    {
        height: unset;
        background-size: contain;
    }
}