/* for the comment and petition for removal popups */

.feedback_popup_wrapper {

    box-sizing: border-box;

    position: fixed;

    top: 0;

    left: 0;

    width: 100vw;

    height: 100vh;

    background-color: rgba(9, 9, 9, 0.85);

    z-index: 999999;

    display: none;

}

.feedback_popup_form{
    box-sizing: border-box;
    margin: auto;
    margin-top:35px;
    background-color: var(--bg-primary);
    border-radius: 10px;
    padding:10px;
    width:450px;
    max-height:95vh;
    overflow: hidden;
    overflow-y: auto;
    position: relative;
}

#existing_repost_data_section_wrapper{

    padding-bottom: 35px;

}

#existing_repost_data_section_wrapper input[type = 'text']{

    padding:10px;

    border:1px solid lightgray;

    border-radius: 7px;

    display: block;

    width: 95%;

    max-width: 300px;

}

#existing_repost_data_section_wrapper label {

    font-weight: bold;

    display: block;

    margin-bottom: 7px;

    margin-top: 25px;

}

.loading_popup_section_indicator {

    text-align: center;

    width:100%;

    margin:auto;

    margin-top:35px;

    margin-bottom: 35px;

    font-size:14px;

}

.feedback_popup_form_closer {

    text-align: right;

}

#post_event_details_popup_form {

    width:98%;

    max-width:550px;
    max-height:90vh;

}

.feedback_popup_form_closer span{

    display: inline-block;

    box-sizing: border-box;

    text-align: center;

    width:35px;

    height: 35px;

    border-radius: 50%;

    padding-top: 5px;

    border:1px solid lightgray;

    cursor: pointer;

    color: var(--text-primary);

}

.feedback_popup_form_closer span:hover {

    background-color: lightgray;

}

.feedback_popup_title{

    color:var(--text-primary);

    margin-bottom: 25px;

    text-align: center;

}

.feedback_popup_form label {

    font-weight: bold;

    display: block;

    margin-top: 15px;

}

.feedback_popup_form select{

    font-size: 14px;

    border: 1px solid lightgray;

    border-radius: 5px;

    margin-top:10px;

    padding:10px 25px

}

.feedback_popup_form textarea, #feedback_popup_comment, #feedback_popup_second_order_comment {

    font-size: 14px;

    border: 1px solid lightgray;

    border-radius: 5px;

    margin-top:10px;

    line-height: 1.6em;

    max-width:600px;

    width:85%;

    height:125px;

    padding:10px;
    background-color: white;
    color: black;

}

#feedback_popup_comment .ql-editor, #feedback_popup_second_order_comment .ql-editor {

    padding:0;

    padding-top:10px;
    background-color: white;
    color: black;
}

#feedback_popup_comment .ql-editor p, #feedback_popup_second_order_comment .ql-editor p,
#feedback_popup_comment .ql-editor div, #feedback_popup_second_order_comment .ql-editor div {
    color:black
}
#cp_saved_comment_section {
    margin-top:5px;
}

.feedback_popup_form .ql-toolbar{

    border-width:0 !important;
    background-color: white;
    width: max-content;
    border-radius: 5px;

}

.feedback_popup_wrapper .ap {

    display: inline-block;

    transform: scale(1.6);

    margin:6px;

    position: relative;

    bottom: 7px;

}

.feedback_popup_wrapper .bem{

    display: inline-block;

    transform: scale(1.6);

    margin:10px

}

.feedback_popup_form input[type = "submit"]{

    display: block;

    padding:7px 25px;

    background-color: rgb(0, 153, 230);

    cursor: pointer;

    border-radius: 5px;

    font-size:14px;

    border-width:0;

    margin:15px auto;

    color:white;

}

.feedback_popup_form input[type = "submit"]:hover {

    background-color: rgb(0, 140, 230);

}

.cancel_event_signup {

    color:black !important;

    background-color: rgba(165, 42, 42, 0.397) !important;

    border:1px solid brown !important

}

.cancel_event_signup:hover {

    background-color: rgba(165, 42, 42, 0.486) !important;

}

#prior_event_signup_reminder {

    text-align: center;

    font-weight:bold;

    margin-top:25px;

    margin-bottom: 25px;

}

.feedback_popup_post_title {

    padding:10px;

    font-size:14px;

    line-height: 1.6em;

    min-width:275px;

    width:98%;

    max-width:300px;

    height:max-content;

    max-height:250px;

    overflow: hidden;

    overflow-y: auto;

}

.feedback_popup_post_title img {

    max-width:85%;

    max-height: 175px;

    border-radius:5px;

}

#feedback_popup_comment_content {

    border:1px solid lightgray;

    border-radius: 7px;

}

#cp_user_not_identified {

    margin: auto;

    margin-top:50px;

    margin-bottom:50px;

    width:90%;

    font-size:14px;

    text-align: center;

}

#cp_section_selector_section {
    box-sizing: border-box;
    width: 95%;
    white-space: nowrap;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: auto;
    padding-bottom: 10px; 
}

#cp_section_selector_section span{

    display: inline-block;

    padding:10px 15px;

    text-align: center;

    font-size:14px;

    font-weight: bold;

    margin-right:10px;

    border-radius: 7px;

    cursor: pointer;

}

.active_cp_section {

    border:2px solid rgb(0, 140, 230)

}

#cp_user_not_identified a {

    color:rgb(0, 140, 230)

}
#cp_new_data_section {
    display:none;
}
#cp_saved_comments_section_wrapper {
    max-height: 400px;
    overflow: hidden;
    overflow-y: auto;
}

#cp_comments_section_title{

    margin-bottom: 25px;

}

#no_available_comment{

    display: block;

    margin-top:15px;

    font-size:14px;

    margin-bottom: 25px;

}

#feedback_loading_comments_ind {

    margin-top:35px;

    font-size:14px;

    margin-bottom: 35px;

}

.cp_single_comment_section {
    margin-bottom:10px;
    width:90%;
}

.cp_user_credentials_section {
    margin-bottom: 5px;
}

.cp_user_account_icon_container {

    display: inline-block;

    box-sizing: border-box;

    width:35px;

    height:35px;

    border:1px dashed lightgray;

    border-radius: 50%;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    top:12px

}

.cp_sender_name {

    font-size:15px;

    font-weight:bold;

}

.cp_sender_country {

    color:dimgray;

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

}

.cp_commenting_time {

    font-size:12px;

    color: rgb(81, 81, 81);

}

.cp_comment_content {

    margin-top:5px;

    border:1px solid lightgray;

    width:90%;

    padding:10px;

    border-radius: 5px;

    min-height:35px;

    max-height:200px;

    overflow: hidden;

    overflow-y: auto;

    font-size:13px;

    line-height: 1.6em;

}

.cp_read_more_comments {

    font-size:14px

}

.cp_read_more_comments a {

    color:rgb(0, 140, 230)

}

.cp_invitation_for_identification, .popup_invitation_for_identification {

    box-sizing: border-box;

    font-size:12px;

    margin-top:25px;

    margin-bottom: 15px;

    width:90%;

    max-width: 400px;

    line-height: 1.6em;

}

.cp_invitation_for_identification a, .popup_invitation_for_identification a {

    color:rgb(0, 140, 230);

    font-weight: bold;

}

.feedback_popup_successful_processing_section {

    width:100%;

    text-align: center;

    margin-top:50px;

    margin-bottom: 50px;

    display: none;

}

.feedback_popup_successful_processing_section_img {

    display: block;

    width: 75px;

    height:75px;

    margin: auto;

    margin-bottom: 15px;

    margin-top:50px

}

.feedback_popup_successful_processing_msg {

    font-weight: bold;

    font-size:25px;

    text-align: center;

    margin-bottom: 50px;

    line-height: 1.6em;

}

.comment_like_and_dislike_section {
    display:flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-top:5px;
    margin-bottom:0;
    background-color: transparent;
}

.comment_like_and_dislike_section_element {
    display:inline-block;
    margin-left:5px;
    background-color: whitesmoke;
    border-width:0
}

.comment_like_dislike_icon {
    width:18px;
    margin-right:5px;
    cursor:pointer;
}

.comment_like_dislike_count {

    font-size:11px;

    color:dimgray;

    display:inline-block;

    position:relative;

    right:7px;

}

.loading_comment_like_dislike_request {

    display:none;

}

.processing_comment_like_dislike {

    width:20px;

}

#image_zoom_window {

    position: fixed;

    left:0;

    top:0;

    width:100%;

    height:100%;

    background-color: rgba(7, 7, 7, 0.918);

    text-align:center;

    z-index: 99999;

}

#zoomed_image {

    box-sizing: border-box;

    margin: auto auto;

    margin-top:100px;

    border-radius:5px;

    max-height:calc(100% - 150px);

    max-width:90vw

}

/* invitation to create an account or to log in pop up */

#invitation_to_get_identified_wrapper {

    position: fixed;

    top:0;

    left:0;

    width: 100vw;

    height:100vh;

    background-color: rgba(45, 45, 45, 0.449);

    z-index: 99999;

    display: none;

}

#invitation_to_get_identified_window {

    box-sizing: border-box;

    margin: auto;

    margin-top:15vh;

    width:90%;

    max-width:350px;

    background-color: white;

    border-radius: 7px;

    padding: 10px 25px;

}

#itgi_closing_section {

    text-align: right;

}

#itgi_closing_section span {

    box-sizing: border-box;

    display: inline-block;

    text-align: center;

    font-size: 16px;

    border:1px solid lightgray;

    border-radius: 50%;

    width:35px;

    height:35px;

    padding-top:5px;

    cursor: pointer;

    color: rgb(62, 61, 61);

}

#itgi_closing_section span:hover {

    background-color: lightgray;

}

#itgi_body {

    margin-top:25px;

}

#itgi_greeting {

    text-align: center;

}

#itgi_message {

    font-size:14px;

    line-height: 1.6em;

    text-align: justify;

}

#itgi_message a {

    color: rgb(0, 140, 230);

    font-weight: bold;

}

#itgi_closing_statement {

    margin-top:25px;

}

#itgi_closing_statement {
    text-align:center
}

.feedback_popup_wrapper .account_identification_warning {
    font-size:13px;
    margin-top:25px;
    margin-bottom: 5px;
    line-height: 1.6em;
}

.feedback_popup_wrapper .account_identification_warning a {
    color:rgb(0, 140, 230);
    text-decoration: none;
    font-weight:bold
}

#post_repost_button {

    margin-top:35px;

}

#repost_localities_section_wrapper {

    display: none;

}

#warning_about_post_localities_boundary {
    font-size:13px;
    color:dimgray;
}

#warning_about_post_localities_boundary li:first-of-type{
    list-style-type: none;
    font-weight:bold
}

#warning_about_post_localities_boundary li{
    margin-top:10px;
    line-height: 1.6em;
}

#repost_localities {

    border:1px solid lightgray;

    border-radius: 5px;

    padding:10px 15px;

    width:95%;

    max-width: 325px;

    font-size:14px;

    margin-top:15px;

}

#repost_localities:focus{

    border-color: rgb(0, 140, 230);

}

.records_checking_indicator{
    color:dimgray;
    font-size:12px;
    margin-top: 10px;
}



/**For styling the quick login popup **/

.init_quick_login_popup {
    cursor: pointer;
}

#quick_account_login_popup_wrapper {

    position: fixed;

    top:0;

    left:0;

    width: 100vw;

    height:100vh;

    padding: 0;

    margin: 0;

    background-color: rgba(45, 45, 45, 0.449);

    z-index: 999999;

    display: none;

}

#quick_account_login_popup {

    width:98%;

    max-width: 450px;

    background-color: white;

    border-radius: 10px;

    padding: 15px;

    margin: auto;

    margin-top:50px;

    box-sizing: border-box;

    overflow: hidden;

    overflow-y: auto;

    max-height:calc(95vh - 50px);

}

.quick_account_login_popup_window_title {

    font-weight: bold;

    font-size:25px;

    color:rgb(29, 29, 29);

    margin-bottom: 20px;

    margin-top:15px;

    text-align: center;

}

#quick_account_login_popup_form label {

    font-weight: bold;

    display: block;

    margin-bottom: 7px;

    font-size:15px;

}

#quick_account_login_popup_form input[type = 'email'],#quick_account_login_popup_form input[type = 'tel'], #quick_account_login_popup_form input[type = 'password'], #quick_account_login_popup_form input[type = 'text']{

    border:0 solid lightgray;

    border-bottom-width: 1px;

    padding: 15px;

    font-size:15px;

    width:90%;

    margin-bottom: 25px;

}

#quick_account_login_popup_form input[type = 'tel']{

    width:75%;

    max-width:275px

}

#quick_account_login_popup_form input[type = 'email']:focus,#quick_account_login_popup_form input[type = 'tel']:focus, #quick_account_login_popup_form input[type = 'password']:focus, #quick_account_login_popup_form input[type = 'text']:focus{

    border-bottom-color: rgb(0, 140, 230);

    border-bottom-width: 2px;

}

#show_quick_login_password_label {

    cursor: pointer;

    font-weight: normal !important;

    font-size:12px;

}

#quick_login_additional_links_section {

    font-size:13px;

    line-height: 1.6em;

    margin-top:25px;

    color:dimgray;

}

#quick_login_additional_links_section div {

    margin-top: 7px;

}

#quick_login_additional_links_section a {

    color:rgb(0, 140, 230);

    text-decoration: none;

    font-weight: bold;

}

.quick_login_popup_button_section {

    text-align: center;

    margin-top:35px;

    margin-bottom: 25px;

}

#quick_login_button, #two_factor_auth_verification_button, #cancel_2F_auth_process {

    cursor: pointer;

    padding:10px 35px;

    border-width: 0;

    text-align: center;

    font-size:15px;

    border-radius: 7px;

}

#quick_login_button, #two_factor_auth_verification_button{

    background-color: rgb(0, 153, 230);

    color:white;

}

#quick_login_button:hover, #two_factor_auth_verification_button:hover{

    background-color: rgb(0, 140, 230);

}

#cancel_2F_auth_process{

    padding:7px 25px;

    font-size:12px;

    border:1px solid darkgray;

    margin-right:35px;

    color:black;

    background-color: rgb(245, 245, 245);

}

#cancel_2F_auth_process:hover {

    background-color: lightgray;

}

#quick_login_user_welcome_back_message {

    font-size:25px;

    text-align: center;

    margin:auto;

    margin-top:35px;

    margin-bottom: 35px;

    line-height: 1.7em;



}

#where_to_find_2F_code{

    font-size:13px;

    margin-top:25px;

    margin-bottom: 25px;

}

#resend_2F_auth_code_section {

    margin-top:25px;

    margin-bottom: 25px;

    font-size:14px;

}

#resend_2F_code {

    font-size:11px;

    text-align: center;

    padding:7px 15px;

    color: rgb(0, 153, 230);

    background-color: white;

    border:1px solid lightgray;

    cursor: pointer;

    border-radius: 5px;

    display: inline-block;

    margin-left: 7px;

    font-weight: bold;

    position: relative;

    bottom:5px;

}

#resend_2F_code:hover {

    color: rgb(0, 140, 230);

    background-color: rgb(245, 245, 245);

}

.pp_event_details_label {

    margin-top:20px;
    font-size:14px
}

.pp_event_details_data_div {

    margin-top:5px;

    padding: 10px;

    width:98%;

    max-width:350px !important;

    box-sizing: border-box;

    font-size: 14px;

    line-height: 1.6em;

    border:1px solid lightgray;

    border-radius: 7px;

    min-height:45px;
    max-height:250px;
    overflow: auto;

}
#large_pp_event_details_data_div {
    max-width:unset !important;
    max-height:450px;
}
.pp_further_event_details a {
    color: rgb(0,140,230);
    display: inline-block;
    width: 90%;
    max-width:250px;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    top:7px
}
.pp_further_event_details img {
    border-radius: 7px;
    margin:7px 5px;
    width:98% !important;
    max-width:350px !important;
    min-width:200px !important;
}
#event_details_additional_actions_section label {

    font-weight:normal !important;

    line-height: 1.6em;

    font-size:13px;

    margin-top:25px;

    cursor: pointer;

}

#event_details_additional_actions_section img {

    width:25px;

    display: inline-block;

    margin: auto 7px;

}

#event_details_additional_actions_section input[type='checkbox'] {

    display: inline-block;

    position: relative;

    top:3px

}

#pp_instr_for_further_details {

    margin-top:25px;

    margin-bottom: 25px;

    font-size:12px;

    color:dimgray;

}

#pp_instr_for_further_details a {

    color:rgb(0, 140, 230);

    text-decoration: none;

    font-weight:bold

}

.pp_event_coverage_providers_section {

    margin-top:12px;

}

.pp_event_coverage_provider_name {

    display: block;

    font-weight: bold;

    margin: 0;

}

.pp_event_details_link_element {

    overflow: hidden;

    width:15%;

    text-overflow: ellipsis;

    white-space: nowrap;

    text-decoration: none;

}

@media only screen and (max-width:1202px){



}



@media only screen and (max-width:1002px){





}

@media only screen and (max-width:802px){

    .cp_comment_content {
        font-size: 12px;
    }

}

@media only screen and (max-width:602px){

    .feedback_popup_form {

        box-sizing: border-box;

        width:95%;

        /*max-height: 450px;*/

        overflow: hidden;

        overflow-y: auto;

    }

    .feedback_popup_form textarea, #feedback_popup_comment, #feedback_popup_second_order_comment {

        width:95%;

        height:100px;

    }

    #cp_section_selector_section span{

        font-size:13px;

    }

    #itgi_message {

        font-style: 14px;

    }

    .feedback_popup_form input[type = "submit"]{

        position: sticky;

        bottom: 5px;

    }

    .feedback_popup_form_closer {

        position:sticky;

        top:0;

    }
    .pp_event_details_data_div {
        font-size: 13px;
    }
    .pp_event_details_label {

        margin-top:15px;
        font-size:13px
    }

}


@media only screen and (max-width:402px){

    .feedback_popup_form {
        margin-top:15px;
    }

    #itgi_message {

        font-style: 13px;

    }
    .pp_event_details_data_div {
        font-size: 12px;
    }

}