/*

    Перенести стили для разработки и УДАЛИТЬ ОТСЮДА!



    */


/*

ФОРМА ФИЛЬТРАЦИИ И КАЛЕНДАРИ ПОЛЬЗОВАТЕЛЕЙ

*/

.header_name_cal{
    /*text-align: right;*/
    font-size: 30px;
    font-family: "Bebas",Arial,sans-serif;
    color: #2d8b21;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 30px;
}

.btn:not(.btn-green).btn-lightred{
    background-color: #fe7781;
    color:            #000;
    text-transform: uppercase;
    border: 2px solid #fe7781;
    border-radius: 100px;
}

.calendar_block{

}

.calendar_block .datapick_ui
,.calendar_block .datapick_ui_adm{
    display: inline-block;
    padding-right: 20px;
    
}
.calendar_block .datapick_ui .highlight_weekend
,.calendar_block .datapick_ui_adm .highlight_weekend{
    background: #2ac93633;
}


.lids_partner_container{
    padding: 20px;
}
.lids_partner_container .row_lid td
, .lids_partner_container .row_lid th{
    padding: 20px;
}

.partners-cabinet .user-props .user-props-bottom{
    padding: 50px 40px 10px;
    font-size: 30px;
    color: #b2d235;
}


.calendar_block .datapick_ui .highlight_weekend .ui-state-default
,.calendar_block .datapick_ui_adm .highlight_weekend .ui-state-default{
    background: transparent;
}
.ui-state-active
, .ui-widget-content .ui-state-active
, .ui-widget-header .ui-state-active
, a.ui-button:active
, .ui-button:active
, .ui-button.ui-state-active:hover
,.calendar_block .datapick_ui .highlight_weekend .ui-state-active
,.calendar_block .datapick_ui_adm .highlight_weekend .ui-state-active
{

    background: rgba(42, 168, 49, 0.90);
    border: rgba(42, 168, 49, 0.90);
}
.calendar_block .datapick_ui .highlight_choosen_day .ui-state-active{

    background: #f3f307;
    border:     1px solid #f3f307;
    pointer-events:auto !important;
}
.calendar_block .datapick_ui .highlight_choosen_day .ui-state-default{
    background: transparent;
}
.calendar_block .datapick_ui .highlight_choosen_day.ui-datepicker-unselectable{
    background: #f3f307;
    border:     1px solid #f3f307;
    opacity: 1;
    pointer-events:auto !important;
}


.calendar_block .datapick_ui .fullusersmonth
,.calendar_block .datapick_ui_adm .fullusersmonth{
    background: rgba(255, 0, 0, 0.5);
    border:     1px solid rgba(42, 168, 49, 0.90);
}
.calendar_block .datapick_ui .fullusersmonth .ui-state-default
,.calendar_block .datapick_ui_adm .fullusersmonth .ui-state-default{
    background: transparent;
}
.calendar_block .datapick_ui .ui-datepicker-week-end .ui-state-default sup
,.calendar_block .datapick_ui_adm .ui-datepicker-week-end sup{
    background: #0000ff42;
    border: 1px solid #0000ff42;
    border-radius: 4px;
    padding: 1px;
    font-size: 90%;
    float: right;
    margin-right: -8px;
    margin-top: -30px;
    display: inline-block;
    line-height: 1;
}

.calendar_block .datapick_ui .ui-state-hover
,.calendar_block .datapick_ui_adm .ui-state-hover{
    border: 1px solid rgba(240, 10, 13, 1);
}
.calendar_block .members_list_all{
    color:                 #ffffff;
    background:            #fe0202;
    -webkit-border-radius: 4px;
    -moz-border-radius:    4px;
    border-radius:         4px;
}
.calendar_block .members_list_all:hover{
    background: rgba(254, 2, 2, 0.61);
}



.calendar_block .export_csv{
    background: #2aa831;
    color:                 #ffffff;
    -webkit-border-radius: 4px;
    -moz-border-radius:    4px;
    border-radius:         4px;
}
.calendar_block .export_csv:hover{
    background: #d4f4d7;
}




.calendar_block .month_container{
    display: inline-block;
    margin-bottom: 10px;
}
.calendar_block .month_container .load_all_month_members{
    text-align: center;
    display: block;
    background: #d4f4d7;
    width: 272px;
}
.calendar_block .month_container .load_all_month_members:hover{
    background: #2aa831;
}




.calendar_block form .cbx_activity_filter{
    cursor: pointer;

}
.calendar_block form .find_no_date_members{

    text-align: center;
    display: inline-block;
    background: #d4f4d7;
}
.calendar_block form .find_no_date_members:hover{
    color:      #ffffff;
    background: #2aa831;
}


.calendar_block form .block_select_gift{
    margin-left: 20px;
}


.calendar_block form .find_text_block{
    background: #3e4361;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 4px;
    color: white;
    width: 90%;
}
.calendar_block form .find_text_block .find_by_multiparams{
    border: 0px;
    padding: 2px;
    width: 70%;
    margin-left: 10px;
    height: 44px;
}
.calendar_block form .find_text_block .find_by_multiparams::-webkit-input-placeholder { /* Edge */
    color: #bbbbbb;
}

.calendar_block form .find_text_block .find_by_multiparams:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #bbbbbb;
}

.calendar_block form .find_text_block .find_by_multiparams::placeholder {
    color: #bbbbbb;
}
.calendar_block form .find_text_block .find_start{
    background: #3bb041;
    margin-left: -78px;
    color: white;
}
.calendar_block form .find_text_block .find_start:hover{
    background: #308535;
}

.calendar_block .date_csv_upload{
    border: 4px dashed #007540;
    border-radius: 4px;
    padding: 2px;
}



/*
Форма активности пользователей

*/

#form_activity_partner{

}

#form_activity_partner h3.header_form_activity{

}

#form_activity_partner fieldset.soc_btn_block{
    border: 1px solid skyblue;
    border-radius: 10px;
    min-height: 80px;
    padding: 10px;
    margin-top: 20px;
}
fieldset.soc_btn_block legend{
    border: 0 none;
    padding: 0px 12px 3px 10px;
    width: auto;
    margin-bottom: 0px;
}
#form_activity_partner .insta_link_video_activity{
    width: 100%;
}
#form_activity_partner .btn{
    margin-top: 15px;
}
#form_activity_partner .insta_link_video_activity::-webkit-input-placeholder { /* Edge */
    color: #bbbbbb;
}

#form_activity_partner .insta_link_video_activity:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #bbbbbb;
}

#form_activity_partner .insta_link_video_activity::placeholder {
    color: #bbbbbb;
}
#form_activity_partner .insta_link_try{

}
#form_activity_partner .activity_status{
    color: #bbbbbb;
}
#form_activity_partner .activity_status.on_activity{
    color: green;
}


#form_activity_partner .copyBtn.btn{
    margin-top: 0px;
}
#form_activity_partner .copyContainer input{
    width: 55%;
}

/*
Таблица участников под календарем

*/

.members_list .header_member_list{
    margin-top: 50px;
    margin-bottom: 25px;

}

.members_list_table a{
    color: black;
}
.members_list_table body{
    font-size: 0.9em;
}
.members_list_table input{
    width: 60px;
}


.members_list_table td{
    border: 1px dashed black;
    color: black;
    padding: 4px;
}
.members_list_table td.id_partner{
    font-size: 0.6em;
}
.members_list_table td.data_reg{
    font-size: 0.9em;
    width: 50px;
}
.members_list_table td.date_month{
    font-size: 0.7em;
}
.members_list_table td.date_month .clean_date{

    text-align: right;
    background: red;
    padding: 3px 6px 3px 6px;
    margin-left: 5px;
    cursor: pointer;
    color: white;
    display: none;
}
.members_list_table td.date_month:hover .clean_date{
    display: inline-block;
}


.members_list_table td.date_month input{
    width: 45px;
}

.members_list_table td.user_city{
    font-size: 0.6em;
}

.members_list_table th{
    border: 1px dashed black;
    padding: 4px;
}

.members_list_table .btn_save_member_adm{
    color: #ffffff;
    background: green;
    -webkit-border-radius: 4px;
    -moz-border-radius:    4px;
    border-radius:         4px;
}
.members_list_table .btn_save_member_adm:hover{
    background: rgba(0, 128, 0, 0.6);
}

.members_list_table .member_on_activity{
    background: rgba(171, 255, 50, 0.5);
}





#sms_ask_modal .warning{
    color: red;
}



/* Страница регистрации =ПЕРЕНЕСТИ В ОСНОВНЫЕ СТИЛИ RESTYLE.CSS= */
.partners-registration-form .grid,
.user-props .grid {
    grid-template-areas:
    "name name surname surname patronymic patronymic"
    "phone phone phone email email email"
    "city city city metro metro metro"
    "code code code code code code"
    "gift gift gift gift gift gift"
    "date_birth date_birth date_birth date_birth date_birth date_birth"

    ;
}


.partners-cabinet .user-props div.grid {
    grid-gap: 0 45px;
    grid-template-areas:
    "name name name surname surname surname"
    "patronymic patronymic patronymic phone phone phone"
    "email email email city city city"
    "metro metro metro gift gift gift"
    "date_birth date_birth date_birth passport_number passport_number passport_number"
    "save_user_data save_user_data save_user_data save_user_data save_user_data save_user_data"
    ;
}

.partners-registration-form .grid .grid-item:nth-child(10),
.partners-cabinet .user-props div.grid .grid-item:nth-child(9) {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 11;
    grid-area: date_birth;
}
.partners-cabinet .user-props div.grid .grid-item:nth-child(10) {
    -ms-grid-row: 7;
    -ms-grid-column: 2;
    -ms-grid-column-span: 11;
    grid-area: passport_number;
}
div.grid .grid-item:nth-child(11) {
    -ms-grid-row: 7;
    -ms-grid-column: 2;
    -ms-grid-column-span: 11;
    grid-area: save_user_data;
}
.partners-cabinet .user-props .save_user_data{
    background-color: #b2d235;
    color: #000;
}


/*
Иконки соц сетей в разделе Партнерские ссылки - Активность пользователя

*/
.soc_btn_block div.icons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 71px;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}

.soc_btn_block div.icons a.svg-icon {
    display: block;
    width: 50px;
    height: 50px;
    padding: 10px;
    border-radius: 50px;
    background-color: #b2d235;
}

.soc_btn_block div.icons a.svg-icon svg {
    width: 100%;
    height: 100%;
}

.soc_btn_block div.icons a.svg-icon svg use {
    fill: #307444;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.soc_btn_block div.icons a.svg-icon:hover svg use {
    fill: #fff;
}

/* Оплата он-лайн курсов Cloudpayments */
.btn_pay_container{
    float: right;
    margin-top: 20px;
    /*    margin-left: 20px;*/
    width: 100%;
    display: flex;
    flex-direction: column;
}
.btn_pay_container .left{
    display: flex;
}
.btn_pay_container .right{
    display: flex;
    justify-content: center;
}
.btn_pay_cloud{
    width: 100%;
    line-height: 1.6;
    max-width: 250px;
    font-weight: 700;
    font-size: 2em;
    margin-bottom: 30px;
    font-family: "Bebas",Arial,sans-serif;
    height: 100px;
    border:  3px solid #fbfbfb !important;
}

.btn_pay_container .btn_pay_cloud{

}
.btn_pay_cloud:hover{
    box-shadow: 0 5px 20px 0 rgba(0,0,1,.25);
}
.btn_pay_container input{
    width: 100%;
    border: none;
    border-radius: 5px;
    line-height: 65px;
    padding: 0 20px;
    color: #000;
    font-size: 22px;
    margin-bottom: 5px;
    margin-right: 10px;
}
.btn_pay_container .btn{
    margin-bottom: 0;
    margin-top: 10px;
    align-self: center;
}
.btn_pay_container input::-webkit-input-placeholder
,.btn_pay_container input::-ms-input-placeholder
,.btn_pay_container input::placeholder
{
    color: lightgrey;
}
.hover_menu{
    /*    background: #000 !important;*/
}
.display_menu{
    /*     background: #000 !important;*/
    /*    display: flex !important;*/
    opacity: 1;
    overflow: visible;
    max-height: 100vh;
}
.display_menu_off{
    /*    display: none !important;*/
    opacity: 0;
/*    overflow: visible !important;
max-height: 100vh !important;*/
}


.slick-prev:before, .slick-next:before{
    color:#000;
}
html body header{
    background-color: #fff;
    box-shadow: 0 0 10px 0px #fff;
}
aside#custom_html-2 .wpcf7-form-control-wrap:first-child input.wpcf7-form-control{
    margin-top: 0px;
}
aside#custom_html-2 input.wpcf7-form-control.wpcf7-submit{
    margin-top: 0;
}
aside .ajax-loader{
    display: none !important;
}
aside#search-2 button img{
    max-width: 20px;
}
.anketa{
    margin-top: 0 !important;
}
.novbanner,.novbanner_mobile{
    max-width: 768px;
    width: 100%;
    display: block;
    margin: 0 auto;
}
.novbanner_mobile{
    display: none;
}
section#main-actions-slider{
    padding-bottom: 0;
}
.why_img{
    max-width: 60%;
}
@media (max-width:640px) {
    .btn_pay_container .left{
        flex-direction:column;
    }
}
@media (max-width:480px) {
    .novbanner_mobile{
        display: block;
    }
    .novbanner{
        display: none;
    }
}


/* Main menu autohidden */
header nav.header-menu .menu-item-has-children.focus > .sub-menu {
    overflow: visible;
    opacity: 1;
    max-height: 100vh;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;

}
header nav.header-menu .menu-item-has-children.focus > a > .chevron.bottom:before {
    top: 3px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}


@media screen and (min-width: 993px) {
    header nav.header-menu .menu-item-has-children.focus>.sub-menu.level-2 > li > a{
        align-items: center;
        min-height: 90px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

@media screen and (max-width: 991px) {
    header nav.header-menu .menu-item-has-children.focus>.sub-menu{
        max-height: none;
    }
    
    header nav.header-menu .menu-item-has-children.focus > a > .chevron.bottom:before {
        top: 14px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
    
}

header nav.header-menu .menu-item-has-children.focus>.sub-menu.level-2 > li > a{
    align-items: center;
    min-height: 90px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

header nav.header-menu .menu-item-has-children.focus > a > .chevron.bottom:before {
    top: 3px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}


/**
* ОН-ЛАЙН КУРСЫ СТРАНИЦА ОПЛАТЫ
*
* */
.section.price .payout-notice-badge
{
    font-size: 16px;
    cursor: pointer;
    display: none;
}
.btn_pay_container .payout-notice-badge
{
    font-size: 16px;
    cursor: pointer;
    display: none;
}
.section.price span{
    font-size: 16px;
}

.section.price .right span.in_month_period{
    font-size: 30px;
}
.section.price .right span.order_price_view{
    font-size: 80px;
    line-height: 80px;
}

.modal .modal-body span{
    font-size: 16px;
    line-height: 16px;
}
.modal{
    color: black;
}

.btn_pay_container input[type="checkbox"]{
    width: auto;
    
}
.btn_pay_container label{
    cursor: pointer;
}

#modal_verify_email .email_verify_block_code{
    display: none;
}
#modal_verify_email .email_check_code{
    display: none;
}
#modal_verify_email .only_send_email_code{
    background-color: rgba(99, 129, 42, 0.43);
}
#modal_verify_email .only_send_email_code:hover{
    border: 2px solid #b2d235;
}


#modal_verify_email .email_code_sent_text{
    color: #dc3545;
}
#modal_verify_email .form-group{
    width: 100%;
}


.btn_pay_container .promo{
    float: left;
    width: 75%;
}
.btn_pay_container .btn.check_promo{
    height: 50px;
    border-radius: 4px;
    border: 1px solid white;
}




/*
    Рулетка (Колесо фортуны) страница
*/

a.anchor_link{
    text-decoration: none;
    color: black;
}
a.anchor_link.white{
    color: #fff;
}


.privacy-policy-pseudo-link{
    color: #04783f;
    border-bottom: 1px dashed #04783f;
}
.privacy-policy-pseudo-link:hover{
    color: #78c922;
    border-bottom: 1px dashed #78c922;
}

button.btn_pay_cloud[disabled="disabled"]{
    cursor: default;
}



.roulette-container .congratulations_prize{
    font-size: 2.5em;
    text-align: center;
    padding: 1em;
    color: rebeccapurple;
    border-radius: 50%;
    border: 6px solid;
}
.roulette-container .congratulations_prize span{
    color: #99342f;
    font-weight: 900;
}
.roulette-page .message_sent_prize_online_course{
    font-size: 2em;
    color: #007540;
    display: none;
}



/*
    Форма генерации ссылки на Рулетку (Колесо фортуны)
*/
.roulette_generate_form_container{
    float: right;
    margin-top: 20px;
    /*    margin-left: 20px;*/
    width: 100%;
    display: flex;
    flex-direction: column;
    background: #007540;
    padding: 30px;
}
.roulette_generate_form_container ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color:   rgba(0, 0, 0, 0.25);
    opacity: 1; /* Firefox */
}

.roulette_generate_form_container :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgba(0, 0, 0, 0.25);
}

.roulette_generate_form_container ::-ms-input-placeholder { /* Microsoft Edge */
    color: rgba(0, 0, 0, 0.25);
}

.roulette_generate_form_container .left{
    display: flex;
}
.roulette_generate_form_container .right{
    display: flex;
    justify-content: center;
}
.btn_pay_cloud{
    width: 100%;
    line-height: 1.6;
    max-width: 250px;
    font-weight: 700;
    font-size: 2em;
    margin-bottom: 30px;
    font-family: "Bebas",Arial,sans-serif;
    height: 100px;
    border:  3px solid #fbfbfb !important;
}

.roulette_generate_form_container .btn_pay_cloud{

}
.btn_pay_cloud:hover{
    box-shadow: 0 5px 20px 0 rgba(0,0,1,.25);
}
.roulette_generate_form_container input{
    width: 100%;
    border: none;
    border-radius: 5px;
    line-height: 65px;
    padding: 0 20px;
    color: #000;
    font-size: 22px;
    margin-bottom: 5px;
    margin-right: 10px;
}
.roulette_generate_form_container .btn{
    margin-bottom: 0;
    margin-top: 10px;
    align-self: left;
}


.roulette_generate_form_container .generate_access_link_copy{
    display: none;
}
.roulette_generate_form_container .generate_access_link{
    display: none;

}
.roulette_generate_form_container .generate_access_link.visible_link_roulette{
    display: inline-block;
}
.roulette_generate_form_container .generate_access_link_textarea{
    width: 100%;
    border: 3px solid transparent;
    margin-top: 10px;
    border-radius: 2px;
}

/*
    Универсальные настройки форм работы с администрированием ресурсов сайта
*/
.universal_manage_container{
    margin: 100px auto;
}
.universal_form_container{
    float: right;
    margin-top: 20px;
    /*    margin-left: 20px;*/
    width: 100%;
    display: flex;
    flex-direction: column;
    background: #007540;
    padding: 30px;
}
.promo_create_line{
    display: flex;
}
.universal_form_container input{
    /*width: 100%;*/
    border: none;
    border-radius: 5px;
    line-height: 65px;
    padding: 0 20px;
    color: #000;
    font-size: 22px;
    margin-bottom: 5px;
    margin-right: 10px;
}
.universal_form_container select{
    /*width: 100%;*/
    border: none;
    border-radius: 5px;
    line-height: 65px;
    padding: 0 20px;
    color: #000;
    font-size: 22px;
    margin-bottom: 5px;
    margin-right: 10px;
}

.universal_form_container .btn{
    margin-bottom: 0;
    align-self: left;
    margin-left: 40px;
}
.universal_form_container ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color:   rgba(0, 0, 0, 0.25);
    opacity: 1; /* Firefox */
}

.universal_form_container :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgba(0, 0, 0, 0.25);
}

.universal_form_container ::-ms-input-placeholder { /* Microsoft Edge */
    color: rgba(0, 0, 0, 0.25);
}

.universal_form_container textarea{
    width: 100%;
    border: 3px solid transparent;
    margin-top: 10px;
    border-radius: 2px;
}
.universal_form_container .promo_create_line label{
    color: white;
}
.universal_form_container .promo_create_line label input{
    margin-top: 10px;
    text-transform: uppercase;
}
.universal_form_container .promo_create_line label select{
    margin-top: 10px;
    height: 64px;
}

/* Таблица промокодов (история промокодов) */
.promo_codes_list{
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 15px;
    
}
.promo_item{
    display: flex;
    flex-direction: row;
    background: #2ec338;
    color: #ffffff;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-top: 5px;
    padding: 8px;
    justify-content: center;
}
.promo_item.unactivated{
    background: lightgrey;
}
.promo_item>div{
    display: inline-block;
    padding: 5px;
    background: #28a231;
    margin-left: 1px;
    flex-grow: 1;
    text-align: center;
}
.promo_item.unactivated>div{
    background: #909090;
}



.promo_item .promo_id{

}
.promo_item .promo_name{
    font-size: 26px;
    border: 1px solid;
    vertical-align: middle;
}
.promo_item .promo_action{
    background: transparent;
}
.promo_item .promo_action>button{
    width: 100%;
}
/*
    Модальные окна и попапы
*/

.out_site_image_fire{
    max-width: 6%;
    margin-bottom: 8px;
}