/*Submit share popup start*/

.submit_share_popup_background {
    display: block;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 51px;
    left: 0;
}
.submit_share_popup_wrapper {
    position: fixed;
    width: 100%;
    height: calc(100% - 50px);
    top: 50px;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1000;
}
.submit_share_popup_content_holder {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.submit_share_popup_content{
    position: relative;
    float: left;
    /*width: calc(100% - 40px);*/
    /*max-width: 620px;*/
    padding: 10px;
    background-color: #FFF;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: auto;
    overflow-x: hidden;
}
.submit_share_popup_close {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 9px;
    width: 40px;
    height: 40px;
    background-image: url(../assets/spritesv2/common.png);
    background-size: 360px 800px;
    background-position: -40px -360px;
    border-radius: 50%;
    transition: background-color .3s;
    z-index: 1;
}
.submit_share_popup_close:hover{
    background-color: #EEEEEE;
}
.submit_share_popup_title {
    position: relative;
    float: left;
    width: 100%;
    margin: 10px 0;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #A24242;
    text-align: center;
}

.submit_share_popup_text{
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #666;
}
.submit_share_popup_image_holder {
    display: block;
    width: 100%;
    text-align: left;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #666666;
}
.submit_share_popup_content_top{
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.submit_share_popup_sharetype_buttons_holder {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.submit_share_popup_sharetype_button{
    position: relative;
    float: left;
    display: flex;
    width: 110px;
    align-items: center;
    background-color: #EEEEEE;
    height: 30px;
    border-radius: 5px;
    cursor: pointer;
    transition: .3s;
    justify-content: center;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #666;
}
.submit_share_popup_sharetype_button:hover{
    background: #CFCFCF;
}
.selected_submit_share_popup_ranktype{
    background-color: #bbbbbb;
}
.submit_share_popup_image_container {
    position: relative;
    float: left;
    width: 600px;
    height: 315px;
    overflow: hidden;
}
.submit_share_popup_content_container {
    position: relative;
    width: 600px;
    height: 315px;
    text-align: center;
    z-index: 100;
    transform-origin: left;
}

.submit_share_loadinggif_holder {
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.submit_share_loadinggif {
    display: block;
    /*position: absolute;*/
    /*left: 289px;*/
    /*top: 91px;*/
    background-image: url(../assets/nav/rmlloadinglargedark.gif);
    background-repeat: no-repeat;
    background-position: center;
    height: 80px;
    width: 80px;
    z-index: 12;
}
.submit_share_popup_generatingpreviewtext {
    display: block;
    /*position: absolute;*/
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    color: #A9A9A9;
    /*top: 175px;*/
    /*left: 265px;*/
    /*width: 150px;*/
    text-align: center;
    z-index: 12;
}

.submit_share_popup_content_bottom {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-evenly;
    margin-bottom: 10px;
}
.submit_share_popup_options_holder {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.submit_share_popup_options_text {
    position: relative;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #666;
}
.submit_share_popup_button_holder {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
}
.submit_share_popup_button {
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    float: left;
    flex: none;
    aspect-ratio: 1;
    background: url(../assets/spritesv2/list.png);
    background-size: 320px 800px;
    cursor: pointer;
}
#submit_share_popup_facebook {
    background-position: 0 -120px;
}

#submit_share_popup_twitter {
    background-position: 0 -160px;
}

#submit_share_popup_linkedin {
    background-position: 0 -180px;
}

#submit_share_popup_pinterest {
    background-position: 0 -220px;
}

#submit_share_popup_reddit {
    background-position: 0 -200px;
}

#submit_share_popup_tumblr {
    background-position: -20px -120px;
}

#submit_share_popup_vk {
    background-position: -20px -140px;
}

.submit_share_popup_copylink_button{

}
.submit_share_popup_copylink_text{
    position: relative;
    float: left;
    display: flex;
    width: 80px;
    align-items: center;
    background-color: #EEEEEE;
    height: 30px;
    border-radius: 5px;
    cursor: pointer;
    transition: .3s;
    justify-content: center;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #666;
}
.submit_share_popup_copylink_text:hover{
    background-color: #BBBBBB;
}
.submit_share_popup_url_copied_confirmation{
    bottom: 5px;
    position: absolute;
    right: 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    color: #444444;
    display: none;
}




/*Submit share popup end*/


/*Regular Share Popup Start*/
.new_social_share_popup_background{
    display: none;
    position: fixed;
    left: 0;
    z-index: 99999;
}
.new_social_share_popup_wrapper{
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0px;
    background: rgba(0, 0, 0, 0.8);
    overflow: hidden;
}
.new_social_share_popup_container{
    display: block;
    position: relative;
    float: left;
    width: 100%;
    top: calc(50% - 186px);
    text-align: center;
    color: #ffffff;
}
.new_social_share_popup_holder{
    display: inline-block;
    position: relative;
    width: 850px;
    /*height: 408px;*/
    height: 434px;
    background-color: #ffffff;
    -webkit-border-radius: 0.50em;
    -moz-border-radius: 0.50em;
    border-radius: 0.50em;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 20px 0px #000000;
    -moz-box-shadow: 0px 0px 20px 0px #000000;
    box-shadow: 0px 0px 20px 0px #000000;
}
.new_social_share_popup_preview_holder{
    position: relative;
    float: left;
    width: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.new_social_share_popup_preview_holder_inner{
    width: 600px;
    height: 374px;
    flex: none;
}
.new_social_share_popup_preview_image_loading{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-animation: imagebgcolorchange 2s;
    animation: imagebgcolorchange 2s;
    animation-iteration-count: infinite;
}
@keyframes imagebgcolorchange {
    from	{
        background: #f5f5f5;
    }
    50%  {
        background: #e5e5e5;
    }
    to  {
        background: #f5f5f5;
    }
}
.new_social_share_popup_preview_image_loading_gif{
    position: absolute;
    width: 80px;
    height: 80px;
    left: calc(50% - 40px);
    top: calc(50% - 40px);
    background-image: url(../assets/nav/rmlloadinglargedark.gif);
    background-position: 0 0;
}
.new_social_share_popup_preview_image, .submit_share_popup_previewimage{
    position: relative;
    float: left;
    width: 600px;
    height: 315px;
    -ms-transform-origin: top left;
    -webkit-transform-origin: top left;
    transform-origin: top left;
}

.new_social_share_popup_preview_footer_facebook{
    display: none;
    position: relative;
    float: left;
    width: 100%;
    margin-top: 5px;

}
.new_social_share_popup_preview_footer_facebook .new_social_share_popup_preview_footer_webaddress{
    position: relative;
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #777;
}
.new_social_share_popup_preview_footer_facebook .new_social_share_popup_preview_footer_list_name{
    position: relative;
    float: left;
    width: 100%;
    margin-top: 2px;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    color: #222;
    font-weight: bold;
}
.new_social_share_popup_preview_footer_facebook .new_social_share_popup_preview_footer_see_full_list{
    position: relative;
    float: left;
    margin-top: 2px;
    margin-right: 3px;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    color: #444444;
}
.new_social_share_popup_preview_footer_facebook .new_social_share_popup_preview_footer_list_description{
    position: relative;
    float: left;
    max-width: 278px;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    color: #444444;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.new_social_share_popup_preview_footer_twitter{
    display: none;
    position: relative;
    float: left;
    width: 600px;
    height: 119px;
    background-color: #f5f9fb;
    background-size: 456px 92px;
    background-position: 0 0;
}
.new_social_share_popup_preview_footer_twitter .new_social_share_popup_preview_footer_list_name{
    position: relative;
    float: left;
    clear: left;
    max-width: 570px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    /*font-size: 13.6px;*/
    font-size: 20px;
    line-height: 23px;
    color: #333333;
    margin: 6px 0 0 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.new_social_share_popup_preview_footer_twitter .new_social_share_popup_preview_footer_see_full_list{
    display: none;
}
.new_social_share_popup_preview_footer_twitter .new_social_share_popup_preview_footer_list_description{
    position: relative;
    float: left;
    max-width: 570px;
    height: 35px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-align: left;
    color: #333333;
    line-height: 17px;
    margin: 5px 0 0 13px;
    overflow: hidden;
    clear: left;
}
.new_social_share_popup_preview_footer_twitter .new_social_share_popup_preview_footer_webaddress{
    position: relative;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 12.5px;
    color: #8899A6;
    margin: 7px 0 0 14px;
    clear: left;
}
.new_social_share_popup_preview_footer_linkedin{
    display: none;
    position: relative;
    float: left;
    width: calc(100% - 20px);
    padding: 5px 10px;
    background-color: #eef3f9;
}
.new_social_share_popup_preview_footer_linkedin .new_social_share_popup_preview_footer_list_name{
    position: relative;
    float: left;
    width: 100%;
    margin-top: 2px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    color: #000000;
}
.new_social_share_popup_preview_footer_linkedin .new_social_share_popup_preview_footer_webaddress{
    position: relative;
    float: left;
    margin-top: 3px;
    font-family: 'Roboto', sans-serif;
    font-size: 9px;
    color: #666666;
}
.twitterpreviewholder .new_social_share_popup_preview_image{
    border-radius: 10px;
    overflow: hidden;
    margin-top: 21px;
}
.new_social_share_popup_title_container{
    position: relative;
    float: left;
    width: calc(100% - 600px);
}
.new_social_share_popup_title_holder{
    position: relative;
    float: left;
    width: calc(100% - 40px);
    /*margin-bottom: 50px;*/
    margin-bottom: 20px;
}
.new_social_share_popup_title_text{
    position: relative;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #444444;
    margin: 10px 0 0 10px;
}
.new_social_share_popup_close{
    display: block;
    position: relative;
    float: left;
    width: 40px;
    height: 40px;
    background: url(../assets/sprites/closesharepopup.png);
    background-position: 0 0;
    border-radius: 50px;
    cursor: pointer;
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    -ms-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
}
.new_social_share_popup_close:hover {
    background-color: #eeeeee;
}
.new_social_share_popup_close:active {
    background-color: #979797;
}

.new_social_share_popup_option_holder{
    position: relative;
    float: left;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;

}
.new_social_share_popup_list_share_option_holder, .new_social_share_popup_item_share_option_holder{
    position: relative;
    float: left;
    width: 100%;
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.new_social_share_popup_list_share_option_text, .new_social_share_popup_item_share_option_text{
    position: relative;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #666;
    white-space: nowrap;
}
.new_social_share_popup_list_share_option_button_holder, .new_social_share_popup_item_share_option_button_holder{
    position: relative;
    float: left;
    display: flex;
    gap: 10px;
    align-items: center;
}
.new_social_share_popup_list_share_option_avg_rank_holder, .new_social_share_popup_list_share_option_my_rank_holder, .new_social_share_popup_item_share_option_avg_rank_holder, .new_social_share_popup_item_share_option_my_rank_holder{
    position: relative;
    float: left;
    display: flex;
    width: 110px;
    align-items: center;
    gap: 5px;
    background-color: #EEEEEE;
    height: 30px;
    padding: 0 5px;
    border-radius: 5px;
    cursor: pointer;
    transition: .3s;
}
.new_social_share_popup_list_share_option_avg_rank_holder:hover, .new_social_share_popup_list_share_option_my_rank_holder:hover, .new_social_share_popup_item_share_option_avg_rank_holder:hover, .new_social_share_popup_item_share_option_my_rank_holder:hover{
    background-color: #E5E5E5;
    box-shadow:none;
    opacity: .80;
}


.new_social_share_popup_selected{
    background-color: #BBBBBB;
}
.new_social_share_popup_selected:hover{
    background-color: #BBBBBB;
}

.new_social_share_popup_list_share_option_my_rank_icon, .new_social_share_popup_item_share_option_my_rank_icon{
    position: relative;
    float: left;
    width: 20px;
    height: 20px;
    flex: none;
    overflow: hidden;
    border-radius: 50%;
}
.new_social_share_popup_list_share_option_my_rank_icon img, .new_social_share_popup_item_share_option_my_rank_icon img{
    width: 20px;
    height: 20px;
}
.new_social_share_popup_list_share_option_avg_rank_icon, .new_social_share_popup_item_share_option_avg_rank_icon{
    position: relative;
    float: left;
    width: 20px;
    height: 20px;
    background-image: url(../assets/spritesv2/list.png);
    background-size: 320px 800px;
    background-position: -40px -760px;
    flex: none;
}
.new_social_share_popup_list_share_option_avg_rank_text, .new_social_share_popup_list_share_option_my_rank_text, .new_social_share_popup_item_share_option_avg_rank_text, .new_social_share_popup_item_share_option_my_rank_text{
    position: relative;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #666;
    white-space: nowrap;
}





.new_social_share_popup_promotion_holder{
    width: fit-content;
    padding: 4px 10px;
    min-width: 108px;
    height: 30px;
    background-color: #bbbbbb;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    -ms-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.new_social_share_popup_promotion_holder:hover{
    background-color: #cfcfcf;
}
.new_social_share_popup_promotion_holder_text{
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin-top: 10px;
}
.new_social_share_popup_share_url_holder{
    position: relative;
    float: left;
    width: calc(100% - 10px);
    height: 30px;
    padding: 0 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    border-radius: 5px;
    gap: 5px;
}
.new_social_share_popup_share_url_text{
    position: relative;
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: normal;
    border: none !important;
}
.new_social_share_popup_gradient_ellipse{
    position: absolute;
    width: 80px;
    height: 30px;
    top: 0;
    right: 40px;
    background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0) 40%, rgb(255, 255, 255) 100%);
    background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 5%, rgb(255, 255, 255) 100%);
    background-image: -ms-linear-gradient(0deg, rgba(255, 255, 255, 0) 40%, rgb(255, 255, 255) 100%);
}
.new_social_share_popup_share_url_copy_button{
    position: relative;
    float: left;
    width: 30px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #A24242;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new_social_share_popup_share_url_copy_button:hover {
    opacity: .75;
}

.new_social_share_popup_url_copied_confirmation{
    bottom: -15px;
    position: absolute;
    right: -155px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
}
.new_social_share_popup_url_copied_confirmation_shown{
    right: 0;
}

.new_social_share_popup_share_button_container{
    position: relative;
    float: left;
    margin-left: auto;
}
.new_social_share_popup_share_button_holder{
    position: relative;
    float: left;
    height: 30px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    border-radius: 5px;
}

.new_social_share_popup_share_button_holder:hover {
    opacity: .75;
}

.new_social_share_popup_share_button_holder_snapchat{
    display: none;
    position: relative;
    float: left;
    height: 30px;
    padding: 0 10px;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    border-radius: 5px;
}
.new_social_share_popup_share_button_icon{
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    float: left;
    background: url(../assets/spritesv2/list.png);
    background-size: 320px 800px;
    cursor: pointer;
    flex: none;
}
.new_social_share_popup_share_button_text{
    position: relative;
    float: left;
    width: 100%;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: bold;
}



.facebook_icon_holder{
    background-color: #1872EA;
}
.facebook_icon_css{
    background-position: -120px -120px;
}
.instagram_icon_holder{
    background: #d6249f;
    background: radial-gradient(circle at -10% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}
.instagram_icon_css{
    background-position: -120px -140px;
}
.twitter_icon_holder{
    background-color: #000000;
}
.twitter_icon_css{
    background-position: -120px -160px;
}
.linkedin_icon_holder{
    background-color: #0077B4;
}
.linkedin_icon_css{
    background-position: -120px -180px;
}
.pinterest_icon_holder{
    background-color: #BD2026;
}
.pinterest_icon_css{
    background-position: -120px -220px;
}
.tiktok_icon_holder{
    background-color: #000000;
}
.tiktok_icon_css{
    background-position: -120px -240px;
}
.discord_icon_holder{
    background-color: #5765EC;
}
.discord_icon_css{
    background-position: -120px -260px;
}
.tumblr_icon_holder{
    background-color: #001834;
}
.tumblr_icon_css{
    background-position: -140px -120px;
}
.whatsapp_icon_holder{
    background-color: #28AD16;
}
.whatsapp_icon_css{
    background-position: -120px -280px;
}
.messenger_icon_holder{
    background: #d6249f;
    background: radial-gradient(circle at 100% 0%, #FF6968 0%, #A334FA 50%,#0695FF 100%);
}
.messenger_icon_css{
    background-position: -120px -300px;
}
.snapchat_icon_holder{
    background-color: #F6F400;
}
.snapchat_icon_css{
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    float: left;
    background: url(../assets/spritesv2/list.png);
    background-size: 320px 800px;
    cursor: pointer;
    flex: none;
    background-position: -120px -320px;
}
.snapchat_icon_holder .new_social_share_popup_share_button_text{
    color: #000000;
}
.telegram_icon_holder{
    background-color: #239ED7;
}
.telegram_icon_css{
    background-position: -120px -340px;
}
.viber_icon_holder{
    background-color: #793BAA;
}
.viber_icon_css{
    background-position: -140px -80px;
}
.vkontakte_icon_holder{
    background-color: #0077FF;
}
.vkontakte_icon_css{
    background-position: -140px -140px;
}
.email_icon_holder{
    background-color: #3FA9F5;
}
.email_icon_css{
    background-position: -140px -100px;
}



@media only screen and (max-width: 880px){
    .new_social_share_popup_preview_holder{
        width: calc(100% - 230px);
        flex: none;
    }
    .new_social_share_popup_option_holder{
        width: 230px;
        flex: none;
    }

    .new_social_share_popup_container {
        top: 60px;
        margin-bottom: 10px;
    }
    .new_social_share_popup_holder {
        /*visibility: hidden;*/
        width: calc(100% - 20px);
        max-width: 600px;
        height: unset;
    }

    .new_social_share_popup_preview_image, .submit_share_popup_previewimage{
        width: 100%;
    }

    .new_social_share_popup_preview_footer_twitter{
        height: 98px;
    }
    .new_social_share_popup_preview_footer_common{
        height: 98px;
    }

    .new_social_share_popup_title_container {
        position: absolute !important;
        top: 0 !important;
        width: 100% !important;
    }
    .new_social_share_popup_title_holder {
        margin-bottom: 0;
    }

    .new_social_share_popup_share_button_container {
        position: relative;
        margin-top: 15px;
        float: left;
        right: unset;
        bottom: unset;
        margin-bottom: 15px;
    }
}



@media only screen and (max-width: 720px){
    .new_social_share_popup_preview_holder {
        width: 100%;
    }
    .new_social_share_popup_option_holder{
        width: 100%;
    }
}
@media only screen and (max-width: 618px){
    .new_social_share_popup_container {
        margin-bottom: 10px;
    }
}



/*Regular Share Popup End*/


/*Content Share Image Start*/
.submit_share_popup_content_main{
    width: 600px;
    height: 315px;
    /* -ms-transform-origin: left; */
    /* -webkit-transform-origin: left; */
    /* transform-origin: left;*/
}
.contentshare_img_wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.contentshare_bg_img {
    position: relative;
    width: 100%;
    height: 100%;
    filter: blur(2px);
    z-index: 0;
    max-inline-size: unset !important;
    max-block-size: unset !important;
}
.contentshare_gradient {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-image: linear-gradient(rgba(0,0,0,0.7) 0, rgba(0,0,0,0.2) 26%, rgba(0,0,0,0.4) 73%, rgba(0,0,0,0.7) 100%);
}
.contentshare_bracket_gradient {
    background-image: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.7));
}
.contentshare_main_container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    justify-content: flex-start;
}
.itemsharetype .contentshare_main_container{
    justify-content: space-between;
}

.contentshare_responsebox {
    position: absolute;
    right: 15px;
    top: 10px;
    display: flex;
    font-size: 12px;
    color: #FFF;
}
.contentshare_responsebox>*, .apostrophebox, .shades{
    color: #FFFFFF;
}
.contentshare_columnlogo {
    position: relative;
    float: left;
    width: 18px;
    height: auto;
    margin-right: 4px;
}
.contentshare_responsenumber {
    margin-right: 3%;
}

.contentshare_topbox {
    position: relative;
    float: left;
    width: 310px;
    margin: 0 auto;
    margin-top: 13px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
}
#contentshare_titlebox{
    position: relative;
    float: left;

    padding: 0 4px;
    width: calc(100% - 8px);
    font-family: 'Roboto', sans-serif;
    text-align: center;
    font-size: 19px;
    /*font-weight: bold;*/
    color: #FFF;
    filter: drop-shadow(2px 2px 2px black);
}
#contentshare_titlebox.contentshare_bracket_titlebox {
    margin-top: 0;
}

#contentshare_channelbox_container{
    position: relative;
    float: left;
    margin-left: auto;
}

.contentshare_channelbox{
    position: relative;
    float: left;
    display: flex;
    align-items: center;
    gap: 5px;
}

.contentshare_channel_photo{
    position: relative;
    float: left;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    filter: drop-shadow(2px 2px 2px black);
}
.containerforStar .contentshare_channel_photo{
    width: 20px;
    height: 20px;
}
.contentshare_channel_name{
    position: relative;
    float: left;
}
.contentshare_channel_name span{
    position: relative;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    /*font-weight: bold;*/
    color: #FFF;
}

#contentshare_datebox{
    position: absolute;
    right: 12px;
    bottom: 12px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    color: #FFF;
}
#contentshare_submitted{
    position: absolute;
    left: 12px;
    bottom: 12px;
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
    font-size: 13px;
}
.contentshare_rmlwhitelogo{
    position: relative;
    clear: both;
    width: 95px;
    height: auto;
}

.bracketshare_main .contentshare_rmlwhitelogo {
    margin-top: 0;
    filter: drop-shadow(2px 2px 2px black);
}
.forvoteitempreview .contentshare_main_container{
    gap: 27px
}
.forvoteitempreview #contentshare_item_midimg{
    width: 120px;
    height: 120px;
}
.forvoteitempreview #contentshare_item_detailcontainer{
    top: -10px;
}
.share_popup_polygon_container {
    width: 130px;
    aspect-ratio: 1;
    transform: translateY(-15px);
    margin-bottom: -33px;
}

/*list mid container*/
/*userbox for [list, poll, vote, rating, swiper, tier, pie] [avg,my]*/
.contentshare_list_usersbox {
    position: relative;
    float: left;
    width: 100%;
    display: flex;
    gap: 5px;
    margin-bottom: 10px;
}
.contentshare_list_userphoto_container{
    position: relative;
    float: left;
    width: 30px;
    height: 30px;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contentshare_userphoto{
    width: 30px;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: #FFF;
}

.contentshare_username_box{
    position: relative;
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    filter: drop-shadow(1px 2px 1px black);
}
.contentshare_username{
    position: relative;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 14px;
    color: #FFF;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*listitem for [list, poll, vote, rating] [avg,my]*/
.contentshare_listmidcontainer{
    position: relative;
    float: left;
    width: 315px;
    margin: 0 auto;
    margin-top: 5px;
    display: flex;
    flex-direction: column;
}
.contentshare_listitemdiv{
    position: relative;
    float: left;
    width: 100%;
    height: 44px;
    display: flex;
    gap: 5px;
    margin-bottom: 6px;
    border-radius: 3px;
    background-color: rgba(0,0,0,0.6);
    box-shadow: rgb(255 255 255 / 25%) 0 0 3px;
}
.contentshare_listitemdiv:nth-last-child(1){
    margin-bottom: 0;
}
.contentshare_listitem_img_container{
    position: relative;
    float: left;
    width: 40px;
    height: 40px;
    margin: 2px;
    flex: none;
    border-radius: 1px;
    overflow: hidden;
}
.contentshare_listitem_img{
    width: 100%;
    height: auto;
}
.contentshare_listitem_text_container {
    width: calc(100% - 55px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
}
.contentshare_listitembox_itemname{
    position: relative;
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #FFF;
}

.contentshare_listitem_text_container > .contentshare_listitembox_itemname {
    display: block;
    width: 100%;
}

/*listitemplace only for list*/
.contentshare_list_itemplace_img1, .contentshare_list_itemplace_img2, .contentshare_list_itemplace_img3 {
    position: relative;
    float: left;
    width: 40px;
    height: 40px;
    flex: none;
    background-image: url("../assets/spritesv2/list.png");
    background-size: 320px 800px;
    margin: 2px;
}
.contentshare_list_itemplace_img1{
    background-position: -200px 0;
}
.contentshare_list_itemplace_img2{
    background-position: -200px -40px;
}
.contentshare_list_itemplace_img3{
    background-position: -200px -80px;
}

/*percentage for poll*/
.contentshare_listitembox_percentage{
    width: 17%;
    font-size: 13px;
    text-align: right;
    float: left;
    padding-right: 4px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #FFFFFF;
}

/*listitem vote icons*/
.contentshare_item_vote_cont {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 7px;
}
.contentshare_upvoteicon, .contentshare_downvoteicon {
    width: 10px;
    height: 10px;
    display: inline-block;
    float: left;

}
.contentshare_upvoteicon {
    background-image: url(../assets/contentshareimageresources/vote/up-vote.png);
    background-size: 100%;
    -webkit-background-size: 100%;
}
.contentshare_downvoteicon {
    background-image: url(../assets/contentshareimageresources/vote/down-vote.png);
    background-size: 100%;
    -webkit-background-size: 100%;
}
.contentshare_upvotenum, .contentshare_downvotenum {
    font-size: 10px;
    position: relative;
    color: #FFF;
    font-weight: normal;
}

/*rating icons for all share type*/
.contentshare_item_rating_cont {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 3px;
}
.contentshare_rating_star_icon {
    position: relative;
    width: 13px;
    height: 13px;
    background: url(../assets/spritesv2/list.png);
    background-size: 320px 800px;
    background-position: -160px 0;
}
.contentshare_rating_star_icon.star_selected_icon {
    background-position: -160px -40px;
}

#contentshare_item_detailcontainer .contentshare_rating_star_icon{
    width: 18px!important;
    height: 18px!important;
    background-position: -180px 0!important;
}
#contentshare_item_detailcontainer .contentshare_rating_star_icon.star_selected_icon {
    background-position: -180px -40px!important;
}
.containerforStar{
    top: -18px;
}
.containerforStar #contentshare_item_detailcontainer_top{
    gap: 2px;
}
.contentshare_rating_square_icon {
    width: 11px;
    height: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    border: 1px solid #95d9ca;
    color: #95d9ca;

}
.contentshare_rating_square_icon.square_selected_icon {
    border: 1px solid #3b907d;
    color: #ffffff;
    background-color: #3b907d;
}
.contentshare_item_rating_bars_cont {
    display: flex;
}
.contentshare_rating_bars_icon {
    display: inline-block;
    height: 8px;
    float: left;
    background-color: #b69aca;
    text-align: center;
    margin-right: 2px;
    flex: 1 1 0;
}
.contentshare_rating_bars_icon.bars_selected_icon {
    background-color: #8557a7;
}
.contentshare_item_rating_gread_cont{
    gap: 0;
}
.contentshare_rating_grade_icon {
    width: 11px;
    height: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Roboto', sans-serif;
    font-size: 6px;
    color: #FFF;
    background-color: #feab9e;

}
.contentshare_rating_grade_icon.grade_selected_icon {
    background-color: #fd715c;
}
.contentshare_rating_grade_icon:first-child {
    border-radius: 50% 0 0 50%;
    /*padding-left: 6px;*/
    padding-left: 1px;
}
.contentshare_rating_grade_icon:last-child {
    border-radius: 0 50% 50% 0;
    /*padding-right: 6px;*/
    padding-right: 1px;
}
.contentshare_item_rating_slab_cont {
    width: calc(100% - 48px)!important;
    padding: 0 24px;
    gap: 3px;
}
.contentshare_rating_slab_block {
    position: relative;
    float: left;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.contentshare_rating_slab_text {
    font-family: 'Roboto', sans-serif;
    font-size: 8px;
    color: #FFF;
    display: flex;
    justify-content: center;
}
.contentshare_rating_slab_icon {

    height: 7px;
    background-color: #bce1f2;
}
.containerforSlab{
    top: -18px;
}
.contentshare_rating_slab_icon.slab_selected_icon {
    background-color: #6c9aaf;
}
.contentshare_rating_slider_cont{
    position: relative;
    width: 100%;
    height: 3px;
}
.contentshare_rating_slider{
    position: relative;
    width: 100%;
    background-color: #abc1dd;
}
.contentshare_rating_slider_selected {
    position: relative;
    height: 100%;
    left: 0;
    background-color: #757dc6;
}
.contentshare_rating_slider_circle {
    position: absolute;
    background-color: #757dc6;
    font-size: 10px;
    color: #FFF;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    top: calc(50% - 8px);
}


/*listitem more items*/
.contentshare_more_items_cont{
    position: relative;
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
}
.contentshare_more_items{
    position: relative;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    color: #FFF;
    padding: 5px 15px;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.6);
    box-shadow: rgb(255 255 255 / 25%) 0px 0px 3px;
}

/*listitem for [swiper, tier] [avg,my]*/
.contentshare_catmidcontainer{
    position: relative;
    float: left;
    width: 315px;
    margin: 0 auto;
    margin-top: 5px;
    display: flex;
    flex-direction: column;
}
.contentshare_categoriesbox{
    margin: 0 18px;
    float: left;
    display: grid;
    gap: 5px;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
}
.contentshare_categorycontainer{
    width: 100%;
    background-color: rgba(0,0,0,0.6);
    border-radius: 5px;
    filter: drop-shadow(0px 0px 1px rgba(255,255,255,0.6));
    overflow: hidden;
}
.contentshare_categorytitlebox {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    padding: 4px;
    color: #FFF;
    background-color: rgba(220,222,220,0.7);

}
.contentshare_categorytitletext{
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.contentshare_categoryitemsbox{
    width: 100%;
    padding: 5px 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.contentshare_categoryitem{
    display: flex;
    height: 38px;
    padding: 0 5px;
    align-items: center;
    gap: 6px;
    text-align: left;
}
.contentshare_categoryitemimg{
    width: 38px;
    height: 38px;
}
.contentshare_categoryitemtitlebox{
    filter: drop-shadow(2px 2px 2px black);
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #FFF;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.contenrshare_categoryitemtitletext{
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}
.contentshare_categoryitemremaining{
    text-align: center;
    margin-top: -8px;
}
/*@media only screen and (max-width: 700px){*/
/*    .contentshare_catmidcontainer {*/
/*        width: 60%;*/
/*    }*/
/*}*/
/*@media only screen and (max-width: 645px) {*/
/*    .contentshare_categorycontainer {*/
/*        width: 117px;*/
/*        margin: 0px 2px 2px 0px;*/
/*    }*/
/*    .contentshare_categorytitlebox{*/
/*        font-size: 14px;*/
/*        height: 19px;*/
/*    }*/
/*    .contentshare_categoryitemsbox{*/
/*        height: calc(100% - 19px);*/
/*    }*/
/*    .contentshare_categoryitem{*/
/*        height: 32px;*/
/*    }*/
/*    .contentshare_categoryitemimg{*/
/*        height: 32px;*/
/*        width: 32px;*/
/*    }*/
/*    .contentshare_categoryitemtitlebox{*/
/*        height: 32px;*/
/*        width: calc(100% - 43px);*/
/*        font-size: 14px;*/
/*        margin-left: 6px;*/
/*    }*/
/*    .contentshare_categoryitemremaining{*/
/*        font-size: 13px;*/
/*        justify-content: center;*/
/*        display: flex;*/
/*    }*/
/*}*/
/*@media only screen and (max-width: 550px) {*/
/*    .contentshare_categorycontainer {*/
/*        width: 100px;*/
/*        margin: 0px 2px 4px 0px;*/
/*    }*/
/*    .contentshare_categorytitlebox{*/
/*        font-size: 12px;*/
/*        height: 18px;*/
/*    }*/
/*    .contentshare_categoryitemsbox{*/
/*        height: calc(100% - 18px);*/
/*    }*/
/*    .contentshare_categoryitem{*/
/*        height: 28px;*/
/*    }*/
/*    .contentshare_categoryitemimg{*/
/*        height: 28px;*/
/*        width: 28px;*/
/*    }*/
/*    .contentshare_categoryitemtitlebox{*/
/*        height: 28px;*/
/*        width: calc(100% - 40px);*/
/*        font-size: 14px;*/
/*        margin-left: 6px;*/
/*    }*/
/*    .contentshare_categoryitemremaining{*/
/*        font-size: 12px;*/
/*        justify-content: center;*/
/*        display: flex;*/
/*    }*/
/*}*/
/*@media only screen and (max-width: 395px){*/
/*    .contentshare_catmidcontainer {*/
/*        width: 80%;*/
/*    }*/
/*}*/


/*main container for avg and my pie mode*/
.contentshare_piemidcontainer {
    position: relative;
    float: left;
    width: 315px;
    margin: 0 auto;
    margin-top: -18px;
    display: flex;
    flex-direction: column;
}
.contentshare_piecontainerbox {
    float:left;
    position: relative;
    width: 100%;
    /*min-width: 350px;*/
}
.contentshare_piecontainerbox svg{
    padding: 0;
    display: block;
    background-color: unset;
}
.shareimg_pieItemsListRight{
    position: absolute;
    top: 12px;
    width: 100px;
    right: -52px;
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.shareimg_pieItemsListLeft{
    position: absolute;
    top: 12px;
    width: 100px;
    left: -52px;
    display: flex;
    flex-direction: column;
    gap: 7px;
}






.shareimg_pieItemWrapper{
    width: 100%;
    height: 30px;
    display: flex;
    gap: 15px;
}
.shareimg_pieItemimgandcolor{
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 5px;
    overflow: hidden;
    flex: none;
}
.shareimg_pieItemColor{
    width: 10px;
    height: 100%;
    flex: none;
}
.shareimg_pieItemImgWrapper{
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.shareimg_pieItemImg{
    width: 30px;
    height: 30px;
}

.shareimg_pieItemName{
    display: flex;
    flex: none;
    flex-direction: column;
    font-size: 12px;
    color: #FFF;
}
.shareimg_pieItemsListLeft .shareimg_pieItemName{
    margin-left: auto;
}
.shareimg_pieItemsListRight .shareimg_pieItemName{
    margin-right: auto;
}
.shareimg_pieItemName span{
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.shareimg_pieItemsListLeft .shareimg_pieItemWrapper{
    flex-direction: row-reverse;
    /*justify-content: flex-end;*/
}
.shareimg_pieItemsListLeft .shareimg_pieItemimgandcolor{
    flex-direction: row-reverse;
    /*margin-left: auto;*/
}
.shareimg_pieItemsListRight .shareimg_pieItemimgandcolor{
    margin-right: auto;
}
/* main container for avg and my bracket mode */

.contentshare_bracket_circle_box{
    width: 60%;
    height: 116%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    transform: translate(0,-35%);
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 1px 1px 4px #ffffff42;
}
.contentshare_bracket_circle_boxup{
    width: 100%;
    height: 30%;
    float: left;
}
.contentshare_bracket_circle_boxdown{
    width: 100%;
    height: 70%;
    float: right;
    position: relative;
}
.contentshare_bracket_circle_mask_gradient{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-image: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.3));
}

.contentshare_bracket_winnerbox_container {
    width: 125px;
    position: absolute;
    top: calc(50% - 16px);
    right: 13px;
    color: #FFF;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.contentshare_bracket_winnerbox {
    float: left;
    font-size: 14px;
}
.contentshare_bracket_winnerbox span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.contentshare_bracket_willbebox{
    float: left;
    font-size: 11px;
}

.contentshare_bracket_bottombox {
    width: 285px;
    position: absolute;
    font-family: 'Roboto', sans-serif;
    bottom: 13px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.contentshare_bracket_usersbox {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
}
.contentshare_bracket_usersbox .contentshare_userphoto_container {
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.contentshare_bracket_usersbox .contentshare_userphoto_container .ranker_photo {
    width: 30px;
    height: 30px;
    flex: none;
    aspect-ratio: 1;
}

.contentshare_bracket_usersbox .contentshare_username {
    max-width: unset;
}
.contentshare_bracket_submittext {
    display: flex;
    justify-content: flex-start;
    gap: 3px;
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
    align-items: center;
    filter: drop-shadow(1px 2px 1px black);
}

.contentshare_bracketbox {
    width: 332px;
    height: calc(100% - 41px);
    position: absolute;
    top: 18px;
    left: 15px;
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    color: #FFF;
    gap: 28px;
}
.contentshare_bracket_stagecolumn {
    width: 92px;
    display: inline-flex;
    align-items: baseline;
    flex-flow: column;
    justify-content: center;
}
.contentshare_bracket_stagecolumn:nth-last-child(1){
    margin-top: 10px;
}
.contentshare_bracket_groupbox {
    width: 100%;
    display: flex;
    align-items: center;
    flex-flow: column;
    justify-content: center;
    gap: 5px;
}

.contentshare_bracket_groupbox:nth-child(1)  .contentshare_bracket_groupname_box{
    visibility: visible;
}
.contentshare_bracket_groupname_box{
    width: 100%;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: -5px;
    visibility: hidden;

}
.contentshare_bracket_groupname_box span{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 11px;
}
.contentshare_bracket_teambox {
    width: 100%;
    height: 20px;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    border-radius: 3px;
    box-shadow: 0 0 2px #ffffff78;
    gap: 6px;
}
.contentshare_bracket_teambox:nth-child(2){
    background-color: #a24242;
}
.contentshare_bracket_flagbox {
    width: 18px;
    height: 18px;
    margin: 1px;
    border-radius: 2px;
    overflow: hidden;
}
.contentshare_bracket_flagimg {
    width: 100%;
    height: 100%;
}
/*contentshare_bracket_*/
.contentshare_bracket_teamname_box {
    display: flex;
    justify-content: flex-start;
}
.contentshare_bracket_teamname_box span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 11px;
}
.contentshare_bracket_group_dot {
    width: 100%;
    /*height: 5px;*/
    height: 0.5em;
    /*font-size: 14px;*/
    /*margin-top: -5px;*/
    margin-top: -0.5em;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: flex-start;
}
.contentshare_bracket_group_dot span {
    transform: rotate(180deg);
    font-size: 1.4em;
}
.contentshare_bracket_stagearrow {
    /*width: calc(100% - 6px);*/
    width: calc(100% - 0.6em);
    /*height: 10px;*/
    height: 1em;
    display: inline-flex;
    justify-content: center;
}
.contentshare_bracket_arrow {
    height: 100%;
    filter: drop-shadow(2px 1px 1px black);
}
.contentshare_bracket_arrow.down_arrow{
    transform: rotate(180deg);
}

/*main container for avg and my rank quadrant mode*/
.contentshare_quadrant_midcontainer{
    width: 65%;
    height: 69%;
    top: 26%;
    position: absolute;
    left: 0;
    right: 0;
    margin: -0.8em auto 0 auto;
    /*z-index: 10;*/
}
.shareimg_canvasHolder{
    width: 100%;
    height: 80%;
    border-radius: 5px;
}
#shareimg_canvas{
    width: 100%;
    height: 100%;
    background-color: #FFF;
}
.axis .domain {
    fill: none;
    stroke: steelblue !important;
}
.shareimg_quadrantItem{
    float: left;
    position: absolute;
    width: 50px;
    height: 50px;
}
.shareimg_quadrantItemImage{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: block;
}

/*single item mid container*/
#contentshare_item_midimg_container{
    position: relative;
    float: left;
    width: 315px;
    height: 172px;
    margin-top: 5px;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: flex-end;
    gap: 17px;
}
.containerforSlider #contentshare_item_detailcontainer_top{
    top: -12px;
}
#contentshare_item_midimg{
    width: 90px;
    height: 90px;
    outline: 5px solid #FFF;
}
#contentshare_item_detailcontainer{
    position: relative;
    float: left;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 2px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    align-items: center;
}
#contentshare_item_detailcontainer_top{
    position: relative;
    float: left;
    width: 100%;
    color: #FFF;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#contentshare_item_detailcontainer_up{
    position: relative;
    float: left;
    width: 100%;
    color: #FFF;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#contentshare_item_detailcontainer_down{
    position: relative;
    float: left;
    width: 100%;
    color: #FFF;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.contentshare_item_namebox{
    max-width: 50px;
    white-space: nowrap;
    line-height: 100%;
    position: relative;
}
.containerforpie .contentshare_item_namebox{
    max-width: 130px;
    white-space: nowrap;
    line-height: 100%;
    position: relative;
}
.contentshare_item_namebox > span {
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    width: 100%;
}
.contentshare_rankcircle{
    background-color: rgba(255,255,255,0.5);
    max-width: 100%;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.contentshare_roundedrect{
    background-color: rgba(255,255,255,0.5);
    max-width: 100%;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    /*padding: 4px;*/
    padding: 0.3em;
}
.contentshare_ranktext{
    /*font-size: 14px;*/
    font-size: 1.08em;
    filter: drop-shadow(2px 2px 2px black);
}

/*Content Share Image End*/



/*Promo share image start*/

.promoshare_mid_container {
    width: 100%;
    height: 63%;
    position: absolute;
    top: 20%;
}

.promo_item_img_container{
    width: 52%;
    height: 97%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1%;
}
.promo_item_img_box{
    height: 100%;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    flex-wrap: wrap;

}
.promo_item_img_box_up{
    width: 100%;
    height: 50%;

    display: inline-flex;
    justify-content: space-between;
}
.promo_item_img_box_down{
    width: 100%;
    height: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: flex-end;
}
.admin_ii_cont{
    height: 96%;
    position: relative;
    display: inline-flex;
    justify-content: center;
    filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.6));
    border-radius: 5px  5px 5px 5px;

}
.admin_item_image{
    width: 100%;
    height: 100%;
    border-radius: 5px  5px 5px 5px;
}
.promo_more_items{
    background-color: rgba(0,0,0,0.5);
    border-radius: 5px  5px 5px 5px;
    align-items: center;
    text-align: center;
    font-size: 19px;
}

.promo_bottom_container{
    width: 100%;
    height: 17%;
    position: absolute;
    /*top: 83%;*/
    bottom: 2%;
    /*margin-top: 2%;*/
}
.promo_channel_box_container{
    width: 100%;
    height: 50%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 35%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
}
.promo_channel_box{
    width: 70%;
    height: 100%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.promo_channel_photo_container{
    height: 100%;
    margin-right: 2%;
    float: left;
}
.promo_channel_photo{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    filter:drop-shadow(2px 2px 2px black);

}
.promo_channel_name{
    max-width: 62%;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    filter:drop-shadow(2px 2px 2px black);
    float: right;
}

/*Promo share image end*/



/*Common*/
.shades{
    float: left;
    filter: drop-shadow(0 0 2px black);

}
.hyphenopoly{
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
.ellipsisco {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.apostrophebox, .contentshare_apostrophebox{
    white-space: nowrap;
}
.explorer_box_shadow{
    box-shadow: 2px 2px 2px black;
}
.explorer_text_shadow{
    text-shadow: 1px 1px 2px black;
}
.explorer_white_shadow{
    box-shadow: 0px 0px 4px white;
}
.contentshare_mapcontainer{
    width: 100%;
    height: 100%;
    /*height: 75%;*/
    /*margin-bottom: 2%;*/
    border-radius: 5px;
    display: block;
    overflow:hidden;
    margin: 0 auto;
    /*display: flex;*/
    /*justify-content: flex-start;*/
    /*!*align-items: center;*!*/
}
.contentshare_map_right_legend{
    width: calc(100% - 431px);
    height: 145px;
    left: 432px;
    font-size: 13px;
    position: absolute;
    top: 124px;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}
.contentshare_map_left_legend{
    width: 21%;
    height: 40%;
    margin-left: 2%;
    font-size: 13px;
    position: absolute;
    top: 40%;
    /*text-align: left;*/
    display: flex;
    flex-direction: column;
    /*justify-content: flex-end;*/
    /*align-items: flex-start;*/
}
.contentshare_map_legend_title{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    color: #FFFFFF;
}
.contentshare_right_legend_box_inner{
    display: flex;
    align-items: center;
    gap: 12px;
}
.contentshare_map_img_container{
    height: 145px;
    width: calc(100% - 23px);
    padding : 0;
    /*filter: drop-shadow(2px 2px 2px black);*/
    overflow: hidden;
    /*float: left;*/
}

.twitterpreviewholder{
    top: 5px;
    bottom: unset;
}
.domainforxpreview{
    display: none;
}
.twitterpreviewholder .domainforxpreview{
    display: block;
    position: absolute;
    left: 10px;
    bottom: 10px;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 4px 7px;
    border-radius: 4px;
    font-size: 11px;
    color: #FFF;
}
.pinterestpreviewholder .new_social_share_popup_preview_image {
    border-radius: 20px;
    overflow: hidden;
    margin-top: 21px;
}
.redditpreviewholder .new_social_share_popup_preview_image {
    margin-top: 21px;
}
.new_social_share_popup_preview_image *{
    color: #FFFFFF;
}
.new_social_share_popup_preview_footer_tumblr{
    display: none;
    position: relative;
    float: left;
    width: calc(100% - 22px);
    height: 40px;
    padding: 5px 10px;
    border: 1px solid #999999;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.new_social_share_popup_preview_footer_backdrop{
    position: absolute;
    width: 360px;
    height: 189px;
    left: 0;
    top: -189px;
    background-color: rgba(0, 0, 0, .4);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.new_social_share_popup_preview_footer_backdrop .new_social_share_popup_preview_footer_list_name{
    position: relative;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    color: #FFF;
}
.tumblrpreviewholder .new_social_share_popup_preview_image {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
}
.new_social_share_popup_preview_footer_tumblr .new_social_share_popup_preview_footer_list_description {
    position: relative;
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    line-height: 16px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}
.new_social_share_popup_preview_footer_tumblr .new_social_share_popup_preview_footer_webaddress {
    position: relative;
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 9px;
    color: #999;
    text-transform: uppercase;
}
.contentshare_bg_container img{
    width: 100%;
}

.contentshare_bg_container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    font-size: 10px;
    /*display: none;*/
}
.bgfortest{
    position: absolute;
    top: 0;
    left: 0;
    width: 600px;
    height: 315px;
    display: none;
    /*filter: contrast(0.5);*/
}

.containerforlisttype{
    display: flex;
    flex-direction: column!important;
    justify-content: flex-start!important;
    top: -30px!important;
    gap: 28px!important;
}
.containerforpie .containerforlisttype{
    display: flex;
    flex-direction: column!important;
    justify-content: flex-start!important;
    top: -30px!important;
    gap: 28px!important;
}

.containerforlisttype #contentshare_item_midimg{
    width: 120px;
    height: 120px;
    transform: translateY(-22px);
}
.containerforpie #contentshare_item_midimg{
    width: 120px;
    height: 120px;
    transform: translateY(-22px);
}
.containerforpie #contentshare_item_detailcontainer{
    transform: translateY(-19px);
}

.containerforSquare{
    top: -15px;
}
.containerforSquare #contentshare_item_detailcontainer_top{
    gap: 3px;
}
.containerforSquare .contentshare_rating_square_icon{
    width: 14px;
    height: 14px;
}

.containerforBars{
    top: -17px;
    gap: 7px!important;
}

.containerforBars #contentshare_item_detailcontainer_top{
    width: 170px;
}

.contentshare_map_legend_title_holder{
    position: absolute;
    left: 22px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}