.top-menu-bar-inner
{
    position:relative;
    margin-left: 10px;
    margin-right:10px;
    height: 90px;
    display: flex;
    align-items: center;
}

.top-menu-left-box
{    
    position:absolute;
    left:0;
    /* top:20px; */
    cursor:pointer;
}

.top-menu-right-box
{
    position:absolute;
    right:0;
    /* top:25px;     */
    display: flex;
    align-items: center;
}



.top-menu-login-btn
{
    float:left;
}
.top-menu-language-btn
{
    float:left;
    margin-left:10px;
    margin-top: 0px;
}



.master_edit_box,
.master_edit_style_box,
.master_edit_progress_box,
.master_edit_stat_box
{
    display:none;
}
.top-menu-admin-box
{
    float:left;
}
.top-menu-login-box 
{
    float:left;
}
.top-menu-login-box > p
{
    color:#fff;
    cursor:pointer;    
}


.top-menu-login-box > .btn-group
{
    position:relative;
}
.top-menu-login-box .dropdown-menu
{
    left:auto;
    right:0;
}


.dropdown-menu.header-dropdown-menu > li
{
    background-repeat: no-repeat;
    padding-left: 20px;
}

.top-menu-login-box .dropdown-menu > li
{
    background-repeat: no-repeat;
    padding-left: 30px;
    background-position: left 15px center;
}

.dropdown-menu > li > a:hover, 
.dropdown-menu > li > a:focus {
    color: #262626;
    text-decoration: none;
    background-color: inherit;
}



.dropdown-menu > li > a
{
    cursor:pointer;
}



.main-container-block
{
    
}

.main-container-block-inner
{
    position:relative;
    margin-left: 10px;
    margin-right:10px;
    
    min-height:700px;
}

.content-container
{
    position:relative;
    clear:both;
}

.content-container-row
{
    position:relative;
    width:100%;    
}

.content-container-row-05
{
    float:left;
    width:50%;
}
.content-container-row-23
{
    float:left;
    width:66%;
}

.content-container-row-13
{
    float:left;
    width:33%;
}


.show_cource_user_registered
{
    display:none;
}


.refresh-main-info-rotator
{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    right:0;
    background-color: rgba(0, 0, 0, 0.2);
}


.label-write-creator
{
    text-decoration:underline;
    cursor:pointer;
}


.webinar-time-rotator
{
    height:55px;
    overflow:hidden;
}
.webinar-time-rotator_inner
{
    
}
.time-rotator-item
{
    margin-right:10px;
    margin-left:10px;
    float:left;
}
.time-rotator-item-value
{
    line-height:40px;
    font-size:32pt;
    font-weight:bold;
    font-family:mybold;
    margin:0;
}
.time-rotator-item-descriptions
{
    margin:0;
    text-align: center;
    font-size: 10pt;
    color: #777;
}

.webinar-timelist-box
{
    width:100%;
    min-height:100px;
    margin-bottom:30px;
    display:none;
}

.webinar-timelist-header
{
    height: 35px;
    font-weight:bold;
    font-family:mybold;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #AAA;
}

.webinar_time_item_line
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #AAA;
    padding-top: 5px;
    clear:both;
}
.webinar_time_item_line_disabled
{
    color:#AAA;
}
.time_box_1
{
    width:25%;
    float:left;
}
.time_box_2
{
    width:25%;
    float:left;

}
.time_box_3
{
    width:15%;
    float:left;
}
.time_box_4
{
    width:35%;
    float:left;
}



.dotted-line
{
    background-image: url(images/dotted-line.png);
    width:100%;
    height:3px;
    clear:both;    
}
.colored-line
{
    border-bottom-style:solid;
    border-bottom-width:1px;
    clear:both; 
}

.comments_inner_box
{
    width:100%;
}



.webinar_item_box
{
    width:100%;
    position:relative;
    overflow:hidden;
    margin-bottom:20px;
}
.webinar_list_item_img_box
{
    width:100%;
    max-width:330px;
    height:auto;
    position:relative;
}
.webinar_list_item_img_box > img
{
    width:100%;
    height:auto;
}

.webinar_list_item_img_box > .icon
{
    background-image: url(images/icon-play-normal-white.png);
    width:50px;
    height:39px;
    position:absolute;
    top:50%;
    margin-top:-19px;
    left:50%;
    margin-left:-25px;
}
.webinar_list_item_img_box:hover > .icon
{
    background-image: url(images/icon-play-normal-grey.png);   
}

.webinar_list_item_description_box
{
    padding-top:10px;
}
.webinar_list_item_description_box  > a
{
    color:#000;
    text-decoration:underline;
    font-weight:bold;
    font-family:mybold;
}





.moderator-item-template-1
{
    clear:both;
    margin-bottom:20px;
}
.mit1-left-box
{
    float:left;
    width:80px;
}
.mit1-right-box
{
    float:left;
    width: calc(100% - 80px);
}
.mit1-icon-box
{
    width: 64px;
    height: 64px;
    overflow: hidden;
    border-radius: 32px;
    border-style: solid;
    border-width: 0;
    border-color: #59b200;
    background-color: #fff;
    cursor: pointer;
}
.mit1-icon-box > img
{
    height:100%;
}
.mit1-name
{
    font-family:mybold;
    cursor: pointer;
}
.mit1-description
{
    width:100%;
    max-height: 500px;
    overflow: hidden;
}
.moderator-links-line
{
    clear:both;
    margin-top: 10px;
    height:20px;
}



.moderator-item-template-2
{
    clear:both;
    margin-bottom:20px;
    max-width:250px;
}
.moderator-item-template-2.selected
{
    background-color: #f7f6f2;
}

.content-moderators-box h3
{
    border-style:none;
    background-image:none;
}
.content-moderators-box >.ui-state-active
{
    background: #f7f6f2 !important;
}

.content-moderators-box h3 .ui-accordion-header-icon
{
    left:auto !important;
    right:.5em !important;
}

.mit2-header-box
{
    padding:10px; 
    position:relative;
}
.mit2-name
{
    font-family:mybold;
    cursor: pointer;
}

.mit2-caret
{
    background-image: url(images/button-caret-black.png);
    width:19px;
    height:9px;
    position:absolute;
    top:15px;
    right:10px;
}



.mit2-icon-box
{
    margin-left:calc(50% - 75px);
    cursor: pointer;
}


.mit2-icon-box
{
    width: 150px;
    height:150px;
    overflow: hidden;
    border-radius: 75px;
    border-style: solid;
    border-width: 0;
    border-color: #59b200;
    
}
.mit2-icon-box > img
{
    height:100%;
}

.mit2-body
{
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    display:none;
    border-style:none;
    background: #f7f6f2;
}
.mit1-description
{
    width:100%;
    max-height: 500px;
    overflow: hidden;
    margin-top:20px;
}






.moderator-item-template-3
{
    margin-bottom:20px;    
    float:left;
    width:100%;
    display:none;
}

.mit3-left-box
{
    float:left;
    width:130px;
}
.mit3-right-box
{
    float:left;
    width: calc(100% - 130px);
}
.mit3-icon-box
{
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 50px;
    border-style: solid;
    border-width: 0;
    border-color: #59b200;
    background-color: #fff;
    cursor: pointer;
}
.mit3-icon-box > img
{
    height:100%;
}
.mit3-name
{
    font-family:mybold;
    cursor: pointer;
}
.mit3-description
{
    width:100%;
    height: 70px;
    overflow: hidden;
}

















.social-icon
{
    margin-right:20px;
    float:left;
    cursor:pointer;
}
.social-icon-user
{
    margin-right:10px;
    float:left;
    cursor:pointer;
}

.social-icon-facebook
{
    background-image: url(images/icon-facebook.png);
    background-repeat: no-repeat;
    width:20px;
    height:20px;
}
.social-icon-twitter
{
    background-image: url(images/icon-twitter.png);
    background-repeat: no-repeat;
    width:20px;
    height:20px;
}
.social-icon-skype
{
    background-image: url(images/icon-skype.png);
    background-repeat: no-repeat;
    width:20px;
    height:20px;
}
.social-icon-vkontakte
{
    background-image: url(images/icon-vkontakte.png);
    background-repeat: no-repeat;
    width:20px;
    height:20px;
}
.social-icon-website
{
    background-image: url(images/icon-website.png);
    background-repeat: no-repeat;
    width:20px;
    height:20px;
}

.social-icon-facebook-grey
{
    background-image: url(images/icon-facebook-grey.png);
    background-repeat: no-repeat;
    width:20px;
    height:20px;
}
.social-icon-twitter-grey
{
    background-image: url(images/icon-twitter-grey.png);
    background-repeat: no-repeat;
    width:20px;
    height:20px;
}
.social-icon-skype-grey
{
    background-image: url(images/icon-skype-grey.png);
    background-repeat: no-repeat;
    width:20px;
    height:20px;
}
.social-icon-vkontakte-grey
{
    background-image: url(images/icon-vkontakte-grey.png);
    background-repeat: no-repeat;
    width:20px;
    height:20px;
}
.social-icon-website-grey
{
    background-image: url(images/icon-website-grey.png);
    background-repeat: no-repeat;
    width:20px;
    height:20px;
}
.social-icon-youtube-grey
{
    background-image: url(images/icon-youtube-grey.png);
    background-repeat: no-repeat;
    width:20px;
    height:20px;
}
.social-icon-message-grey
{
    background-image: url(images/icon-message-grey.png);
    background-repeat: no-repeat;
    width:22px;
    height:16px;
}


.social-icon-facebook-white
{
    background-image: url(images/icon-facebook-white.png);
    background-repeat: no-repeat;
    width:20px;
    height:20px;
}
.social-icon-twitter-white
{
    background-image: url(images/icon-twitter-white.png);
    background-repeat: no-repeat;
    width:20px;
    height:20px;
}
.social-icon-skype-white
{
    background-image: url(images/icon-skype-white.png);
    background-repeat: no-repeat;
    width:20px;
    height:20px;
}
.social-icon-vkontakte-white
{
    background-image: url(images/icon-vkontakte-white.png);
    background-repeat: no-repeat;
    width:20px;
    height:20px;
}
.social-icon-website-white
{
    background-image: url(images/icon-website-white.png);
    background-repeat: no-repeat;
    width:20px;
    height:20px;
}
.social-icon-message-white
{
    background-image: url(images/icon-message-white.png);
    background-repeat: no-repeat;
    width:22px;
    height:16px;
}
.social-icon-youtube-white
{
    background-image: url(images/icon-youtube-white.png);
    background-repeat: no-repeat;
    width:18px;
    height:21px;
}

.webinars_explain_box
{
    margin-top:30px;
    margin-bottom:30px;
}

.explain_line_how
{
    background-image: url(images/icon_explain_how.png);      
    background-repeat: no-repeat;
    padding-left:25px;
    color: #8a8a8a;
    min-height: 30px;
    cursor:pointer;
}
.explain_line_support
{
    background-image: url(images/icon_explain_support.png);      
    background-repeat: no-repeat;
    padding-left:25px;
    color: #8a8a8a;
    min-height: 30px;   
    cursor:pointer;
}
.explain_line_support  >p
{
    margin:0;
}
.bottom_register_btn_background
{
    background-color:#fff;
}




.styling_popup_form_box
{
    width: 300px;
    min-height:200px;
    background-color: #fff;
    position: absolute;
    top: 100px;
    right:200px;
    z-index: 100;
    
    border-style:solid;
    border-width:1px;
    border-color:#ccc;
    overflow:hidden;
}

@media all and (max-width: 425px) {
.content-container-row-23 {
    float: left;
    width: 99%;
}
}

/*
@media all and (max-width:425px){
    .styling_popup_form_box{
        right:0;
    }
	
	.content-container-row-23 {
		float: left;
		width: 98%;
	}
	
}
*/

.styling_popup_header_box
{
    width:100%;
    height:40px;
    background-color:#ccc; 
    padding-top:7px;
    padding-left:5px;
    cursor:pointer;
}
.styling_popup_header_box > p 
{
    font-family:mybold;
    font-size:14pt;    
}
.styling_picker_box
{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    border-color: #ccc;
    float:left;
}
.styling_picker_box_inner
{
    width:100%;
    height:100%;
}
.styling_picker_label
{
    float: left;
    margin-left: 10px;
    font-size: 14pt;
    line-height: 40px;
}
.styling_line
{
    clear:both;
    margin-bottom:20px;
}
.styling_save_btn
{
    background-color: #eee;
    height: 40px;
    width: 100%;
    font-weight: bold;
    font-family: mybold;
    font-size: 12pt;
    margin-top:20px
}
.styling_background_selector_label
{
    font-size:14pt;
    text-decoration:underline;
    cursor:pointer;
}
.styling_background_box
{
    width:100%;
    height:70px;
    overflow-x: scroll;
}

.styling_background_container
{
   height:100%;
   
}
.styling_background_item
{
    width:50px;
    height:50px;
    border-style:solid;
    border-width:1px;
    border-radius:25px;
    border-color:#ccc;
    overflow:hidden;
    float:left;
    margin-right:15px;
    cursor:pointer;
}
.styling_background_item:hover
{
    opacity:0.70;
}

.styling_background_item > img
{
    width:100%;
    height:100%;
}


.styling-style-dropdown-box
{
    background-color: #eee;
    border-radius: 5px;
    width: 100%;
    height:40px;
}
.styling-style-dropdown-box > .btn
{
    width: 100%;
    color: #000;    
    font-size: 14pt;
}
.dropdown-menu > li > a
{
    cursor:pointer;
}
.styling-style-dropdown-box .dropdown-menu
{
    width:100%;
}
.styling-rotator
{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background-color: rgba(0, 0, 0, 0.2);
    display:none;
}

.landing_course_container
{
    min-height:200px;
}
.landing_course_container .course_group_body
{
    padding-bottom: 0;
}

.landing_footer_box
{
    position:relative;
    margin:0;
}
.landing_footer_box .navbar
{
    margin-bottom:0;
}

.landing_footer_box .navbar-collapse
{
    padding:0;
}
.landing_footer_box .nav > li > a
{
    padding-left:0;
}
.landing_footer_box .navbar-toggle.footer
{
    width:100%;
}
.landing_footer_box .nav > li > a:hover,
.landing_footer_box .nav > li > a:focus
{
    background:none;
    
}
.landing_footer_box .navbar-nav
{
    margin:0;
}

.webinar-landing-main-description-text
{

}
.webinar-landing-main-description-text.is-hidden
{
    opacity: 0.01;
}
.webinar-landing-main-description-text.completed
{
    opacity: 1;
}


@media all and (max-width:768px){
    .landing_footer_box .navbar-toggle{
        width: 90%;
        margin-left: 15px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .landing_footer_box .navbar-toggle *{
        display:block;
        float: none;
        padding-left: 0;
    }
    .bottom-pruffme-box{
        margin-bottom: 15px;
    }
	.content-container-row-23 {
    float: left;
    width: 100%;
}
}

.bottom-pruffme-box
{
    background-image: url(images/icon_bottom_black.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 30px;
    float: left;
    margin-right: 30px;
    margin-top: 5px;
}

.description-content-box{
	overflow: hidden;
}
.description-content-box div {
    width: auto !important;
}







.landing_item_comments_box_inner
{
    
}

.landing_item_comments_box_inner .im_dialog_input_box
{
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
}


/* copy fromcabinet */

/*

.im_dialog_input_box
{
    position:relative;
}

.im_dialog_input_box_left
{
    float:left;
    position:relative;
    width:calc(100% - 50px);
}

.im_dialog_input_area
{
    border:1px solid #bbb;
    padding:10px;
    width:100%;
    outline: none;
    max-height:200px;
    padding-right: 40px;
}

.im_dialog_input_area.executing
{
    background-color: rgba(0, 0, 0, 0.2);
}

.im_dialog_send_button
{    
    background-image: url(../images/cabinet/im_send_btn.png);
    background-position: 10px 10px;
    background-repeat: no-repeat;
    width: 50px;
    height: 40px;
    font-size: 30px;
    color: #ccc;
    float: right;
    text-align: right;
    cursor: pointer;    
}

.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: 20px;
    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: 50px;
    top:11px;
}


.im_dialog_input_photos_box,
.im_dialog_input_attachments_box
{
    width:100%;
    padding-top:10px;
}

.im_dialog_input_photos_box:before,
.im_dialog_input_photos_box:after,
.im_dialog_input_attachments_box:before,
.im_dialog_input_attachments_box:after 
{
    content: "";
    display: table;
} 

.im_dialog_input_photos_box:after,
.im_dialog_input_attachments_box: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;
}
.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;
}
*/

.label-webinar-price
{
    display:none;
}





















.hidden
{
    display:none;
}

.margin-bottom
{
    margin-bottom:20px;
}
.margin-top
{
    margin-top:20px;
}
.padding-top
{
    padding-top:20px;
}
.float-right
{
    float:right;
}
.bold
{
    font-family:mybold;
}
/*
xs < 768
sm > 768
md > 992
lg > 1200
*/
.temp
{
    margin:0;
    padding:0;
}
.clear
{
    clear:both;
}


@media all and (min-width: 1100px) {
    
    .top-menu-bar-inner,
    .main-container-block-inner,
    .main-container-block-bottom
    {
        width:1100px;
        margin-left: calc(50% - 550px);
        margin-right:calc(50% - 550px);
    }    
    
}

.outer-center {
    display: none;
}

.top-menu-admin-edit {
    position: absolute;
}
.top-menu-admin-stat {
    margin-left: 25px !important;
}

@media all and (max-width: 768px) {
    .box-right-padding {
        padding-right: 0 !important;
    }
    .label-write-creator {
        margin-top: 10px !important;
    }
   
	.content-container-row-13 {
    /* float: none; */
    width: 100%;
    } 
	/* .content-container-row-05 {
    float: none;
    width: 102%;
    } */
    .styling_popup_form_box {
        left: 5px;
        top: 65px;
    }
    
    .bottom-adds-rotator-box {
        display: flex;
        justify-content: center;
    }
    
    .social-links-container {
        display: none !important;
    }

    .top-menu-left-box {
        display: none;
    }
    .top-menu-bar {
        height: 60px !important;
    }
	
    /* .top-menu-admin-box
    {
        display:none;
    }    */
    
    .top-menu-right-box{
        top: 0;
        left: 0;
        right: 0;
        height: 60px;
    }
    .top-menu-login-box{
        /*width:100%;*/
        float:right;
        position: absolute;
        right: 0;
    }
    
    .mit1-right-box
    {
        width:100%;
    }
    .mit1-left-box{
        margin-left: calc(50% - 32px);
    }

	.content-container-row-23 {
    float: left;
    width: 100%;
	}
}
@media all and (max-width: 644px) {
    .content-container-row-05 {
    /* float: none; */
    width: 102% !important;
    display: flex;
    justify-content: center;
    }
}


@media all and (max-width: 512px) {
    .time-rotator-item-value
    {
        font-size:26pt;
    }    
}