#contenttitlebarwide {
    position: relative;
    float: left;
    width: calc(100% - 20px);
    background-color: #ffffff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px -7px black;
    -moz-box-shadow: 0 0 10px -7px black;
    box-shadow: 0 0 10px -7px black;
    padding: 10px;
}

.contentintrothumbcontainer {
    position: relative;
    float: left;
    width: 200px;
    overflow: hidden;
    aspect-ratio: 1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}
.contenttitlewide{
    position: relative;
    float: left;
    width: calc(100% - 270px);
    margin-left: 10px;
}
.contenttitledetailsholder{
    position: relative;
    float: left;
    width: calc(100% - 210px);
    margin-left: 10px;
}

.widecontentextendedmood .contenttitlewide, .widecontentextendedmood .contenttitledetailsholder{
    position: relative;
    float: left;
    width: 100%;
    margin-left: 0
}
.contentintroimageexpanded {
    display: none;
}

.contentintroductionthumb {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

#contenttitletext {
    position: relative;
    float: left;
    clear: left;
    max-width: calc(100% - 30px);
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 22px;
    line-height: 130%;
    color: #666666;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;
    text-overflow: ellipsis;
}

.itemshowpopoupminicontenttitle #contenttitletext {
    -webkit-line-clamp: 2;
}

.contentpublishdate {
    position: relative;
    float: left;
    height: 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #666666;
    display: flex;
    align-items: center;
}

.contentpublishdate suz {
    margin-right: 3px;
}

#contenthighlightsbar {

    position: relative;
    float: left;
    height: 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #666666;
    display: flex;
    align-items: center;
}

.clickedcontentnumberofpeopleranked {
    position: relative;
    float: left;
}
.clickedcontentnumberofpeopleranked:hover{
    text-decoration: underline;
}

.contentviewnumber, .contentsharenumber {
    position: relative;
    float: left;
    margin-left: 20px;
}

.clickedcontentnumberofpeopleranked:after, .contentviewnumber:after {
    content: "";
    position: absolute;
    top: -4px;
    right: -20px;
    width: 20px;
    height: 20px;
    background: url(../assets/spritesv2/list.png);
    background-size: 320px 800px;
    background-position: 0 -540px;
}

.clickedcontentnumberofpeopleranked:hover {
    cursor: pointer;
}

.contentflagandnotificationcontrol {
    position: absolute;
    top: 0;
    right: 5px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 90;
}
#contenttitlebarwide .contentflagandnotificationcontrol{
    top: 10px;
    right: 10px;
}

.contentthumbnailformobile {
    display: none;
}

.contentnotificationbellholder {
    position: relative;
    float: left;
    width: 30px;
    height: 30px;
}

.contentlikedislikebar {
    position: relative;
    float: left;
    width: 100%;
}

.contenttitlelikedislikeandsharebuttonholder {
    position: relative;
    width: 100%;
    float: left;
}

.contenttitlebarbottomsection {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 5px;
    display: flex;
    row-gap: 5px;
    align-items: flex-start;
    flex-direction: column;
}

#contentlikeanddislike {
    position: relative;
    float: left;
    width: 100%;
    display: flex;
    gap: 15px;
}

.contentlikeboxholder, .contentdislikeboxholder, .contentcommentboxholder {
    position: relative;
    float: left;
}

.contentshareboxholder {
    position: absolute;
    right: 0;
}

.contentshareboxholderwide {
    position: absolute;
    right: 0;
}

.contentlikebox, .contentdislikebox, #contentcomments {
    position: relative;
    float: left;
    height: 20px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.contentlikenumberwide, .contentdislikenumberwide, .contentcommentsnumberwide {
    position: relative;
    float: left;
    font-size: 14px;
    color: #666666;
}




.contentsharenumberbottombar {
    display: none;
}



.contenttitlechannelholdersmall {
    position: relative;
    margin-bottom: 10px;
    float: left;
    width: calc(100% - 20px);
    height: 30px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.contenttitlechannelholder {
    position: relative;
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.socialsharesection {
    display: none;
    position: relative;
    float: left;
}

.channelimage {
    position: relative;
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

#contenttitlechannelname {
    position: relative;
    float: left;
    max-width: 120px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #666666;
    white-space: nowrap;
    overflow: hidden;
}
#contenttitlechannelname:hover {
    text-decoration: underline;
    text-overflow: unset;
}

.editcontentbuttonholdersmall {
    position: relative;
    display: block;
}

.editcontentbuttonholder {
    position: relative;
    float: right;
}

.editcontentbutton {
    position: relative;
    float: left;
    padding: 0 20px;
    height: 30px;
    background-color: #5dabf9;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-family: 'Roboto', sans-serif;
    white-space: nowrap;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}

.editcontentbutton:hover {
    background-color: #7abafa;
}

.contentintrodescriptioncontainer {
    position: relative;
    float: left;
    width: calc(100% - 20px);
    background-color: #ffffff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px -7px black;
    -moz-box-shadow: 0 0 10px -7px black;
    box-shadow: 0 0 10px -7px black;
    padding: 10px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.widecontentextendedmood .contentintrodescriptioncontainer {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr;

}

.widecontentextendedmood .contentintrothumbcontainer {
    display: none;
}

.widecontentextendedmood #contenttitlebarwide {
    display: block;
}

.contenttitleintroimageholder {
    display: none;
}

.widecontentextendedmood .contenttitleintroimageholder {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    grid-column-start: 1;
    grid-column-end: 3;
}

.showmorecontentdescription {
    position: relative;
    float: right;
    width: 100px;
    margin-top: 10px;
    padding: 6px 0;
    background-color: #cfcfcf;
    color: #666;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    transition: .3s;
}
.showmorecontentdescription:hover{
    background-color: #DDDDDD;
}

.shadowoverlay {
    display: none;
    position: absolute;
    width: 100%;
    height: 70px;
    left: 0;
    bottom: -40px;
    background-image: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgb(255 255 255 / 95%) 50%);
}


.contenttitleholdermax {
    min-height: 240px;
}
.contenttitleholdermax #contenttitletext {
    color: #FFFFFF;
}

.contenttitleholdermax .contentpublishdate, .contenttitleholdermax .clickedcontentnumberofpeopleranked, .contenttitleholdermax .contentviewnumber, .contenttitleholdermax .contentsharenumber, .contenttitleholdermax #contentlikenumber, .contenttitleholdermax #contentdislikenumber, .contenttitleholdermax #contentcommentsnumber, .contenttitleholdermax #contenttitlechannelname {
    color: #dddddd;
}

.contenttitledetailsholdersmall {
    position: relative;
    float: left;
    padding: 10px 10px 0px 10px;
    width: calc(100% - 20px);
}



.contenttitledetailsholder_expanded {
    width: calc(100% - 20px);
}

.channelinnerwrappersmall {
    width: 100%;
    position: relative;
    float: left;
    display: flex;
    align-items: center;
    gap: 5px;
}

.channelinnerwrapper {
    position: relative;
    float: left;
    margin-right: auto;
}

.channelinnerwrapper > a {
    display: flex;
    align-items: center;
    gap: 5px;
}

.channelinnerwrappersmall > a {
    display: flex;
    align-items: center;
    gap: 5px;
}

/*subscribe*/

.subscribebuttonholder {
    position: relative;
    float: left;
}

.contenttitlefollowunfollwbuttonstyle {
    position: relative;
    float: left;
    width: 100px;
    height: 30px;
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
}

.newprofilesubscribedbuttonprofiletitle {
    position: relative;
    float: left;
    padding: 0 14px;
    height: 20px;
    padding-top: 8px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-align: center;
    background-color: #999999;
    color: #FFFFFF;
    -webkit-border-radius: 1.5em;
    -moz-border-radius: 1.5em;
    border-radius: 1.5em;
}

.newprofilesubscribebuttonprofiletitle {
    position: relative;
    float: left;
    padding: 0 14px;
    height: 20px;
    padding-top: 8px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-align: center;
    color: #FFFFFF;
    -webkit-border-radius: 1.5em;
    -moz-border-radius: 1.5em;
    border-radius: 1.5em;
    background-color: #A24242;

}

.newunsubscribeconfirmholder {
    display: none;
    position: absolute;
    top: 31px;
    right: 0;
    width: 250px;
    padding: 5px;
    z-index: 100;
    background-color: rgba(0, 0, 0, .8);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.newunsubscribeconfirmcancel {
    position: relative;
    float: right;
    width: 90px;
    margin-right: 10px;
    padding: 5px;
    margin-top: 10px;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    color: #ffffff;
    background-color: #BBBBBB;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.newunsubscribeconfirmcancel:hover {
    cursor: pointer;
    background-color: #CFCFCF;
}

.newunsubscribeconfirmbutton {
    position: relative;
    float: left;
    width: 90px;
    margin-left: 10px;
    padding: 5px;
    margin-top: 10px;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    color: #ffffff;
    background-color: #B13D3D;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


.contentnotificationbell {
    position: relative;
    float: left;
    width: 30px;
    height: 30px;
}

.contentbelliconturnedon {
    cursor: pointer;
    position: relative;
    float: left;
    width: 30px;
    height: 30px;
    /*background-image: url(../assets/sprites/notificationturnonofficonsV-2.png);*/
    background-position: 0 0;
}

.contentbelliconturnedonalways {
    cursor: pointer;
    position: relative;
    float: left;
    width: 30px;
    height: 30px;
    /*background-image: url(../assets/sprites/notificationturnonofficonsV-2.png);*/
    background-position: 0 0;
}

.contentbelliconturnedoff {
    cursor: pointer;
    position: relative;
    float: left;
    width: 30px;
    height: 30px;
    background: url(../assets/spritesv2/list.png);
    background-size: 320px 800px;
    background-position: 0 -400px;
}


.contentbelliconturnedoffalways {
    cursor: pointer;
    position: relative;
    float: left;
    width: 30px;
    height: 30px;
    background: url(../assets/spritesv2/list.png);
    background-size: 320px 800px;
    background-position: 0 -400px;
}


.contentturnoffinstruction {
    display: none;
    position: absolute;
    top: 33px;
    right: 0px;
    width: 150px;
    background-color: #FFFFFF;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0px 0px 7px -5px #000000;
    z-index: 1;

}

.contentturnoninstruction {
    display: none;
    position: absolute;
    top: 33px;
    right: 0px;
    width: 150px;
    background-color: #FFFFFF;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0px 0px 7px -5px #000000;
    z-index: 1;

}

.contentturnoffinstructionalways {
    display: none;
    position: absolute;
    top: 33px;
    right: 0px;
    width: 150px;
    background-color: #FFFFFF;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0px 0px 7px -5px #000000;
    z-index: 1;

}

.contentturnoninstructionalways {
    display: none;
    position: absolute;
    top: 33px;
    right: 0px;
    width: 150px;
    background-color: #FFFFFF;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0px 0px 7px -5px #000000;
    z-index: 1;

}

.contentnotificationinstructiontext {
    position: relative;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 130%;
    color: #666666;
}

.contentnotificationinstructiontext a {
    color: #a24242;
}

.contentnotificationinstructiontext a:hover {
    text-decoration: underline;
}


/*Scrollbar*/

/* width */
.contentintroimageexpanded ::-webkit-scrollbar {
    scrollbar-width: thin;
    width: 8px;
    height: 8px;
}

/* Track */
.contentintroimageexpanded ::-webkit-scrollbar-track {
    background: #c4c4c4;
}

/* Handle */
.contentintroimageexpanded ::-webkit-scrollbar-thumb {
    background: #888;
}

.contentintroimageexpanded ::-webkit-scrollbar-corner {
    background-color: #c4c4c4;
}


/* Handle on hover */
.contentintroimageexpanded ::-webkit-scrollbar-thumb:hover {
    background: #555;
}


/*new share part*/
.contentsharepopupnewtitle {
    display: none;
}

.contentshareicongroupnew {
    position: relative;
    float: right;
}

.contentembedmsgpopupopenholder {
    position: relative;
    float: left;
    margin-right: 10px;
}


.allcontentsharebutton{
    position: relative;
    float: left;
    width: 50px;
    height: 30px;
    padding: 0 10px;
    background-color: #eee;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-direction: row;
    gap: 5px;
    transition: background-color .3s;
}
.allcontentsharebutton:hover{
    background-color: #e5e5e5;
}
.allcontentshareicon{
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    float: left;
    background-image: url(../assets/spritesv2/list.png);
    background-size: 320px 800px;
    /*background-position: -40px -720px;*/
    background-position: 0 -640px;
    cursor: pointer;
    flex: none;
}
.allcontentsharetitle{
    position: relative;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #666;
}
.newcontentsharepopupholderwrapper, .submittosharepopupshown{
    display: none;
    position: fixed;
    width: 100%;
    height: calc(100% - 50px);
    top: 50px;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1000;
}
.newcontentsharepopupholder{
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.newcontentsharepopup{
    position: relative;
    width: calc(100% - 40px);
    max-width: 600px;
    padding: 10px;
    background-color: #FFF;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.newcontentsharepopuptitlebar{
    position: relative;
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #EEE;
}
.newcontentsharepopuptitletext{
    position: relative;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #666;
}
.newcontentsharepopupbackword{
    cursor: pointer;
    position: relative;
    float: left;
    width: 40px;
    height: 40px;
    background-image: url(../assets/spritesv2/common.png);
    background-size: 360px 800px;
    background-position: -40px -400px;
    border-radius: 50%;
    transition: background-color .3s;
}
.newcontentsharepopupbackword::before{
    content: 'Back';
    position: absolute;
    width: 50px;
    height: 40px;
    left: 40px;
    display: flex;
    align-items: center;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #999999;
    pointer-events: none;
    transition: .3s;
}
.newcontentsharepopupbackword:hover{
    background-color: #EEEEEE;
}
.newcontentsharepopupbackword:hover:before{
    /*content: '';*/
    color: #FFF;
}
.newcontentsharepopuppreviewbody{
    position: relative;
    float: left;
    width: 100%;
}
.newcontentshareimagepreviewbox{
    display: none;
    position: relative;
    float: left;
    width: 100%;
    gap: 10px;
}
.newcontentsharepopupclose{
    cursor: pointer;
    position: relative;
    float: left;
    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;
}
.newcontentsharepopupclose:hover{
    background-color: #EEEEEE;
}
.newcontentsharepopupbody{
    position: relative;
    float: left;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(85px, 1fr));

}
.newcontentsharepopupbody>div{
    position: relative;
    float: left;
    width: calc(100% - 20px);
    padding: 10px;
    border-radius: 7px;
    transition: background-color .3s;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}
.newcontentsharepopupbody>div:hover{
    background-color: #EEEEEE;
}

.contentshareicontitle{
    position: relative;
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    text-align: center;
    color: #666666;
    transition: .3s;
}
.contentshareicontitlehighlighted{
    background-color: #222222;
    color: #ffffff;
    box-shadow: #222222 0px 0px 0px 2px;
}

.contentshareiconsnew {
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    float: left;
    background: url(../assets/spritesv2/list.png);
    background-size: 320px 800px;
    cursor: pointer;
}
.qrsharenew {
    background-position: 0 -80px;
}

.facebooksharenew {
    background-position: 0 -120px;
}

.twittersharenew {
    background-position: 0 -160px;
}

.linkedinsharenew {
    background-position: 0 -180px;
}

.newqrsharedropdown {
    display: none;
    position: absolute;
    right: 0;
    top: 36px;
    width: 130px;
    /*min-height: 200px;*/
    padding: 10px;
    z-index: 3;
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0px 1px 10px -6px black;
    /*display: flex;*/
    flex-direction: column;
    gap: 10px;
}

.newqrsharedropdownimageholder {
    position: relative;
    float: left;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
}

.newqrsharedropdownimage {
    position: relative;
    float: left;
    width: 100%;
    aspect-ratio: 1;
    overflow: hidden;
}

.newqrsharedropdownimage img {
    width: 100%;
    height: auto;
}

.newqrsharedropdowndownloadbutton {
    position: relative;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    cursor: pointer;
    font-weight: bold;
    color: #666;
}

.newqrsharedropdownurlholder {
    position: relative;
    float: left;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
}

.newqrsharedropdownurl {
    position: relative;
    float: left;
    width: 100%;
    border: 1px solid #666666;
    border-radius: 5px;
    padding: 7px;
}

.newqrsharedropdownurlcopy {
    position: relative;
    float: left;
    height: 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    cursor: pointer;
    font-weight: bold;
    color: #666;
    display: flex;
    align-items: center;
}

.newqrsharedropdownurlcopyedmsg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFF;
    pointer-events: none;
    opacity: 0;
}

.newqrsharedropdownurlcopyedmsgtext {
    position: relative;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    cursor: pointer;
    font-weight: bold;
    color: #599537;
}

.newqrsharedropdownurlcopyedmsgicon {
    position: relative;
    float: left;
    width: 20px;
    height: 20px;
    background-image: url("../assets/spritesv2/list.png");
    background-size: 320px 800px;
    background-position: -80px -400px;
}


.contentshareiconseemorewide {
    cursor: pointer;
    position: relative;
    float: left;
    width: 20px;
    height: 20px;
    background: url(../assets/spritesv2/list.png);
    background-size: 320px 800px;
    background-position: 0 -480px;
}

.contentshareicongroupmore {
    display: none;
    position: absolute;
    z-index: 3;
    width: 140px;
    padding: 0 10px;
    height: auto;
    top: 28px;
    right: 0;
    gap: 10px;
    background-color: #FFFFFF;
    color: #222222;
    -moz-border-radius: 0.40em;
    -webkit-border-radius: 0.4em;
    border-radius: 10px;
    box-shadow: 0 3px 20px -8px black;
    -moz-box-shadow: 0 3px 20px -8px black;
    -webkit-box-shadow: 0 3px 20px -8px black;
}

.contentshareicongroupmore .contentshareiconsnew {
    margin: 10px 0;
}
.allcontentshareboxholder{
    position: relative;
    margin-left: auto;
}
.newcontentshareicongroupouter{
    position: relative;
    float: left;
    display: flex;
    gap: 10px;
    align-items: center;
}
.newcontentshareicongroupouter>div{
    flex: none;
}
.instagramsharenew{
    background-position: 0 -140px;
}
.tiktoksharenew{
    background-position: 0 -240px;
}
.discordsharenew{
    background-position: 0 -260px;
}
.pinterestsharenew {
    background-position: 0 -220px;
}

.redditsharenew {
    background-position: 0 -200px;
}

.tumblrsharenew {
    background-position: -20px -120px;
}

.vkontaktesharenew {
    background-position: -20px -140px;
}

.whatsappsharenew {
    background-position: 0 -280px;
}
.messengersharenew{
    background-position: 0 -300px;
}
.snapchatsharenew{
    background-position: 0 -320px;
}
.telegramsharenew{
    background-position: 0 -340px;
}
.vibersharenew {
    background-position: -20px -80px;
}
.shareurlcopyicon{
    background-position: -20px -160px;
}

.emailsharenew {
    background-position: -20px -100px;
}
.newcontentsharepopuppreview{
    position: relative;
    float: left;
    width: calc(100% - 40px);
    max-width: 860px;
    padding: 10px;
    background-color: #FFF;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: auto;
    overflow-x: hidden;
    z-index: 10000;
}
.newqrshareimageholder{
    position: relative;
    float: left;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.newqrshareimage{
    position: relative;
    float: left;
    width: 100%;
    max-width: 140px;
}
.newqrshareimage img{
    position: relative;
    float: left;
    width: 100%;
    aspect-ratio: 1;
}
.newqrshareimagedownloadbutton{
    position: relative;
    float: left;
    height: 30px;
    padding: 0 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
    background-color: #A24242;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 5px;
}
/*<share css end>*/


/*new_social_share_popup_start*/

.new_social_share_popup_promo_share_option_button_holder {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 31px;
    background-color: #bbbbbb;
    color: #444444;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 10px;
    -webkit-border-radius: 2.5em;
    -moz-border-radius: 2.5em;
    border-radius: 2.5em;
    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_promo_share_option_button_holder:hover {
    background-color: #cfcfcf;
}

.new_social_share_popup_promo_holder_text {
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin-top: 10px;
    margin-left: 2px;
}

/*new_social_share_popup_end*/


.contentflagtext {
    position: relative;
    float: left;
    width: 20px;
    height: 20px;
    background: url(../assets/spritesv2/list.png);
    background-size: 320px 800px;
    background-position: -20px -480px;
    cursor: pointer;
}

.contentflagasdropdown {
    display: none;
    position: absolute;
    top: 20px;
    right: 0;
    width: 210px;
    padding: 10px;
    background-color: #FFFFFF;
    z-index: 999;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.contentflagas{
    position: relative;
    float: left;
    width: 100%;
}

.contentflagdescription {
    position: relative;
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #666;
    font-weight: bold;
}

.flagasoptionscontent {
    position: relative;
    float: left;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
}

/*css for small title modes*/

.contentflagwrapper {

    display: block;
    position: relative;
    float: right;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;


}

#contentlikenumber, #contentlikenumbermax {
    position: relative;
    float: left;
    font-size: 14px;
    color: #666666;
}


#contentdislikenumber, #contentdislikenumbermax {
    position: relative;
    float: left;
    font-size: 12px;
    color: #666666;
}

#contentcommentsnumber, #contentcommentsnumbermax {
    position: relative;
    float: left;
    font-size: 14px;
    color: #666666;
}

.contentembediconholder {
    position: relative;
    float: left;
}

.contentembediconholder > #contentembedicon {
    display: block;
}

#contentembedicon {
    position: relative;
    float: left;
    width: 20px;
    height: 20px;
    background-image: url(../assets/spritesv2/list.png);
    background-size: 320px 800px;
    background-position: 0 -100px;
    cursor: pointer;
}


.contenttitle {
    position: relative;
    float: left;
    width: 100%;
}

.listtagandcategoryholder {
    position: relative;
    float: left;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 10px;
    margin: 10px 0;
}

.listtagandcategory {
    position: relative;
    float: left;
    font-size: 14px;
    font-weight: bold;
    color: #004e9b;
}

.widecontentextendedmood .contentintrodescription {
    display: block;
    white-space: pre-line;
}
#shareurlinput{
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.contentshareurlcopysuccessmsg{
    position: absolute;
    padding: 2px 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    background-color: #333;
    color: #FFF;
    white-space: nowrap;
    bottom: 8px;
    display: none;
}
.contentintrodescription {
    position: relative;
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 150%;
    color: #666666;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;
    text-overflow: ellipsis;
}


.contentintrodescriptionholder{
    display: none;
}
.withoutdesc{
    width: 100%;
    background-color: transparent;
    box-shadow: none;
    padding: 0;
    border-radius: 0;
}
.withoutdesc .showmorecontentdescription{
    display: none;
}
.widecontentextendedmood .withoutdesc .contenttitleintroimageholder{
    position: fixed;
    width: calc(100% - 20px);
    height: calc(100% - 70px);
    top: 60px;
    left: 10px;
    z-index: 101;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000;
    border-radius: 10px;
}
.contenttitleintroimageclose{
    display: none;
}
.withoutdesc .contenttitleintroimageclose{
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    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;
    display: block;
}

/*Admin featured icon start*/

.list_featured_box{
    position: relative;
    float: left;
    width: 20px;
    height: 20px;
}

.list_featured_option_holder{
    position: relative;
    float: left;
    z-index: 1;
}

.list_featured_option{
    cursor: pointer;
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    background: url(../assets/spritesv2/list.png);
    background-size: 320px 800px;
    background-position: -100px 0;
}

.list_featured_button_holder{
    display: none;
    position: absolute;
    right: 0;
    top: 35px;
}

.list_featured_button, .list_unfeatured_button{
    position: relative;
    cursor: pointer;
    float: left;
    background-color: #eeeeee;
    border: 1px solid #dddddd;
    padding: 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    z-index: 9;
    white-space: nowrap;
    -webkit-border-radius: .40em;
    -moz-border-radius: .40em;
    border-radius: .40em;
    -webkit-box-shadow: 0px 2px 5px -2px black;
    -moz-box-shadow: 0px 2px 5px -2px black;
    box-shadow: 0px 2px 5px -2px black;
}

.list_featured_button:hover, .list_unfeatured_button:hover{
    background-color: #e5e5e5;
    text-decoration: underline;
}


.list_title_featured_icon_holder{
    position: relative;
    float: left;
    height: 30px;
    display: flex;
    align-items: center;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    overflow: hidden;
    margin-bottom: 5px;
}
.list_title_featured_mini_icon_holder{

}
.list_title_featured_mini_icon{
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    padding: 5px;
    background-image: url(../assets/spritesv2/list.png);
    background-size: 320px 800px;
    background-position: -120px -20px;
    background-color: #a24242;
    background-origin: content-box;
}
.list_title_featured_mini_icon_edge_holder{
    position: relative;
    float: left;
    width: 10px;
    height: 30px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.list_title_featured_mini_icon_edge_topright {
    border-left: 10px solid #a24242;
    border-bottom: 15px solid transparent;
}
.list_title_featured_mini_icon_edge_bottomright {
    border-left: 10px solid #a24242;
    border-top: 15px solid transparent;
}
.list_title_featured_icon_text_holder{
    position: relative;
    float: left;
    height: 30px;
    padding-right: 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    color: #FFF;
    background-color: #A24242;
    display: flex;
    align-items: center;
}

/*share after submit popup*/
#submitthensharebuttoncontainer	{
    position: relative;
    width: 100%;
    text-align: center;
}
.submitthensharebuttonholderyes {
    /*display:block;
    width:58px;
    height:21px;
    float: left;
    margin-left: 95px;
    border:1px solid #111111;
    position:relative;
    -moz-border-radius:0.40em;
    -webkit-border-radius:0.40em;
    border-radius:0.40em;*/
    position: relative;
    display: inline-block;
    margin: 0 10px;
}
.submitthensharebuttonyes , .submitthensharebuttonno 	{
    position: relative;
    width: 100px;
    padding: 5px 0;
    margin: 10px 0;
    background-color: #A24242;
    color: #FFFFFF;
    border-radius: 3px;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}
.submitthensharebuttonyes:hover, .submitthensharebuttonno:hover,.rankresetconfirmmessagebuttonundo:hover,
.rankresetconfirmmessagebuttondelete:hover	,.rankresetconfirmmessagebuttoncancel:hover,
.rankresetconfirmmessagebuttondeleteonly:hover	,.rankresetconfirmmessagebuttoncancelonly:hover ,.redirecttosourceconfirmmessagebuttonconfirm:hover ,.redirecttosourceconfirmmessagebuttoncancel:hover ,.completerankingconfirmmessagebuttonconfirm:hover		{
    cursor:pointer;
    background-color:#bd5858; /* Old browsers */
}

.submitthensharebuttonyes:active	, .submitthensharebuttonno:active , .rankresetconfirmmessagebuttonundo:active
, .rankresetconfirmmessagebuttondelete:active, .rankresetconfirmmessagebuttoncancel:active
, .rankresetconfirmmessagebuttondeleteonly:active, .rankresetconfirmmessagebuttoncancelonly:active, .redirecttosourceconfirmmessagebuttonconfirm:active, .redirecttosourceconfirmmessagebuttoncancel:active , .completerankingconfirmmessagebuttonconfirm:active {
    cursor:pointer;
    background-color:#943535; /* Old browsers */
}
.submitthensharebuttonyes.hover, .submitthensharebuttonno.hover , .rankresetconfirmmessagebuttonundo.hover
, .rankresetconfirmmessagebuttondelete.hover , .rankresetconfirmmessagebuttoncancel.hover
, .rankresetconfirmmessagebuttondeleteonly.hover , .rankresetconfirmmessagebuttoncancelonly.hover, .redirecttosourceconfirmmessagebuttonconfirm.hover, .redirecttosourceconfirmmessagebuttoncancel.hover, .completerankingconfirmmessagebuttonconfirm.hover{
    cursor:pointer;
    background-color:#bd5858; /* Old browsers */
}

.submitthensharebuttonyes.active, .submitthensharebuttonno.active , .rankresetconfirmmessagebuttonundo.active
, .rankresetconfirmmessagebuttondelete.active , .rankresetconfirmmessagebuttoncancel.active
, .rankresetconfirmmessagebuttondeleteonly.active , .rankresetconfirmmessagebuttoncancelonly.active, .redirecttosourceconfirmmessagebuttonconfirm.active, .redirecttosourceconfirmmessagebuttoncancel.active, .completerankingconfirmmessagebuttonconfirm.active{
    cursor:pointer;
    background-color:#943535; /* Old browsers */
}
.submitthensharepopuptitlebar{
    position: relative;
    float: left;
    width: 100%;
}
#submitthensharepopupbackground	{
    display:block;
    position:fixed;
    height:100%;
    width:100%;
    z-index:999997;
    top:40px;
    background-color:#000000;
    opacity:0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
}
#submitthensharepopupmsg	{
    position: relative;
    width: calc(100% - 50px);
    max-width: 400px;
    margin: 0 auto;
    margin-top: 200px;
    background-color: #FFFFFF;
    padding: 10px;
    border-radius: 3px;
    box-shadow: 0 0px 10px -5px black;
}
.submitthensharepopupmsg	{
    display:block;
    width:340px;
    background-color:#FFFFFF;
    margin-top:100px;
    margin-left:auto;
    margin-right:auto;
    padding:20px 25px 15px 25px;
    -moz-border-radius:0.40em;
    -webkit-border-radius:0.40em;
    border-radius:0.40em;
    box-shadow:0 0 5px 1px rgba(0, 0, 0, .45);
    -moz-box-shadow:0 0 5px 1px rgba(0, 0, 0, .45);
    -webkit-box-shadow:0 0 5px 1px rgba(0, 0, 0, .45);
}
#submitthensharepopupmessagewrapper	{
    position: fixed;
    /*height: calc(100% - 50px);*/
    width: 100%;
    z-index: 999998;
    top: 50px;
}
#submitthensharepopupclose	{
    position: absolute;
    top: 5px;
    right: 5px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    text-indent: -500000px;
    background-image: url(../assets/sprites/closepopup.png);
    background-position: 0 0;
    z-index: 1;
}
#submitthensharepopupclose:hover	{
    cursor: pointer;
}
#submitthensharepopupclose:active	{
    cursor: pointer;
}
#submitthensharepopupmsgtitle	{
    position: relative;
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #444444;
    margin-top: 10px;
}
#submitthensharepopupmsgtext, #submitthensharepopupmsgtext ul, #submitthensharepopupmsgtext ul li, #submitthensharepopupmsgtext a	{
    position: relative;
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin-top: 10px;
    color: #666666;
}
#submitthensharepopupmsgtext ul li	{
    margin-bottom:5px;
}
#submitthensharepopupmsgbtncontainer	{
    position: relative;
    width: 100%;
    height: 150px;
    text-align: center;
}
.submitthensharepopupmsgbtnholderyes {
    /*display:block;
    width:58px;
    height:21px;
    float: left;
    margin-left: 95px;
    border:1px solid #111111;
    position:relative;
    -moz-border-radius:0.40em;
    -webkit-border-radius:0.40em;
    border-radius:0.40em;*/
    position: relative;
    display: inline-block;
    margin: 0 10px;
}
.submitthensharepopupmsgbtnyes , .submitthensharepopupmsgbtnno 	{
    position: relative;
    width: 100px;
    padding: 5px 0;
    margin: 10px 0;
    background-color: #A24242;
    color: #FFFFFF;
    border-radius: 3px;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}
.submitthensharepopupmsgbtnyes:hover, .submitthensharepopupmsgbtnno:hover,.rankresetconfirmmessagebuttonundo:hover,
.rankresetconfirmmessagebuttondelete:hover	,.rankresetconfirmmessagebuttoncancel:hover,
.rankresetconfirmmessagebuttondeleteonly:hover	,.rankresetconfirmmessagebuttoncancelonly:hover ,.redirecttosourceconfirmmessagebuttonconfirm:hover ,.redirecttosourceconfirmmessagebuttoncancel:hover ,.completerankingconfirmmessagebuttonconfirm:hover		{
    cursor:pointer;
    background-color:#bd5858; /* Old browsers */
}
.submitthensharepopupmsgbtnyes:active	, .submitthensharepopupmsgbtnno:active , .rankresetconfirmmessagebuttonundo:active
, .rankresetconfirmmessagebuttondelete:active, .rankresetconfirmmessagebuttoncancel:active
, .rankresetconfirmmessagebuttondeleteonly:active, .rankresetconfirmmessagebuttoncancelonly:active, .redirecttosourceconfirmmessagebuttonconfirm:active, .redirecttosourceconfirmmessagebuttoncancel:active , .completerankingconfirmmessagebuttonconfirm:active {
    cursor:pointer;
    background-color:#943535; /* Old browsers */
}
.submitthensharepopupmsgbtnyes.hover, .submitthensharepopupmsgbtnno.hover , .rankresetconfirmmessagebuttonundo.hover
, .rankresetconfirmmessagebuttondelete.hover , .rankresetconfirmmessagebuttoncancel.hover
, .rankresetconfirmmessagebuttondeleteonly.hover , .rankresetconfirmmessagebuttoncancelonly.hover, .redirecttosourceconfirmmessagebuttonconfirm.hover, .redirecttosourceconfirmmessagebuttoncancel.hover, .completerankingconfirmmessagebuttonconfirm.hover{
    cursor:pointer;
    background-color:#bd5858; /* Old browsers */
}
.submitthensharepopupmsgbtnyes.active, .submitthensharepopupmsgbtnno.active , .rankresetconfirmmessagebuttonundo.active
, .rankresetconfirmmessagebuttondelete.active , .rankresetconfirmmessagebuttoncancel.active
, .rankresetconfirmmessagebuttondeleteonly.active , .rankresetconfirmmessagebuttoncancelonly.active, .redirecttosourceconfirmmessagebuttonconfirm.active, .redirecttosourceconfirmmessagebuttoncancel.active, .completerankingconfirmmessagebuttonconfirm.active{
    cursor:pointer;
    background-color:#943535; /* Old browsers */
}
.submitthensharepopupmsgbtnholderno	{
    /*display:block;
    width:58px;
    height:21px;
    margin-right: 95px;
    float: right;
    border:1px solid #111111;
    position:relative;
    -moz-border-radius:0.40em;
    -webkit-border-radius:0.40em;
    border-radius:0.40em;*/
    position: relative;
    display: inline-block;
    margin: 0 10px;
}


#redirecttosourceconfirmmessagebuttoncontainer	{
    display:block;
    width:100%;
    height: 21px;
    margin-left:auto;
    margin-right:auto;
    margin-top:15px;
}
#completerankingconfirmmessagebuttoncontainer	{
    display:block;
    width:100%;
    height: 21px;
    margin-left:auto;
    margin-right:auto;
    margin-top:15px;
}
#rankresetconfirmmessagebuttoncontainerundo	{
    position: relative;
    width: 100%;
    text-align: center;
}
.submitthensharebuttonholderno	{
    /*display:block;
    width:58px;
    height:21px;
    margin-right: 95px;
    float: right;
    border:1px solid #111111;
    position:relative;
    -moz-border-radius:0.40em;
    -webkit-border-radius:0.40em;
    border-radius:0.40em;*/
    position: relative;
    display: inline-block;
    margin: 0 10px;
}




@media only screen and (max-width: 720px) {
    .contentintrothumbcontainer{
        width: 140px;
    }
    .contenttitlewide, .contenttitledetailsholder{
        width: calc(100% - 150px);
    }
    .contentthumbnailformobile {
        display: block;
        position: relative;
        float: left;
        width: 100px;
        height: 100px;
        border-radius: 10px;
        overflow: hidden;
        cursor: pointer;
    }
    .intothumbimage{

    }

    .contenttitle{
        width: calc(100% - 140px);
        margin-left: 10px;
    }
    .contenttitlebarbottomsection{
        width: calc(100% - 110px);
        margin-left: 10px;
    }

  #contenttitletext {
        font-size: 16px;
        color: #444444;
    }

    #contenttitlebarwide .contenttitle, #contenttitlebarwide .contenttitlebarbottomsection {
        width: 100%;
        margin-left: 0;
        grid-column-start: 2;
        grid-column-end: -1;

    }

    .contentsharenumber {
        display: none;
    }

    .contentviewnumber:after {
        content: none;
    }

    .contenttitlelikedislikeandsharebuttonholder {
        position: fixed;
        left: 10px;
        bottom: 10px;
        width: calc(100% - 20px);
        height: 60px;
        background-color: #ffffff;
        z-index: 101;
        border-radius: 10px;
        -webkit-box-shadow: 0 0 10px -5px black;
        -moz-box-shadow: 0 0 10px -5px black;
        box-shadow: 0 0 10px -5px black;
        margin-top: 0;
    }

    .contentsharepopupnew {
        display: none;
        position: fixed;
        width: calc(100% - 20px);
        left: 10px;
        bottom: 80px;
        height: 320px;
        background-color: #fff;
        border-radius: 10px;
        -webkit-box-shadow: 0 0 10px -5px black;
        -moz-box-shadow: 0 0 10px -5px black;
        box-shadow: 0 0 10px -5px black;
    }

    .contentshareiconnew {
        cursor: pointer;
        display: block;
        float: left;
        margin-left: 20px;
        width: 20px;
        height: 20px;
        background: url(../assets/spritesv2/list.png);
        background-size: 320px 800px;
        background-position: 0 -640px;
    }

    .contentsharenumberbottombar {
        display: block;
        position: relative;
        float: left;
        font-size: 14px;
        color: #666666;
    }


    .contentlikeboxholder, .contentdislikeboxholder, .contentcommentboxholder {
        width: 100%;
    }

    .contentshareboxholder, .contentshareboxholderwide {
        width: 100%;
        position: relative;
    }

    .contentlikebox, .contentdislikebox, #contentcomments, .contentsharebox {
        display: flex;
        position: relative;
        float: left;
        width: 100%;
        height: 60px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        gap: 5px;
    }

    .contentdislikeicon, #contentcommentsicon, .contentshareiconnew, .contentdislikedicon {
        margin: 0;
    }


    .closesharepopup {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 40px;
        height: 40px;
        background-image: url(../assets/spritesv2/common.png);
        background-size: 320px 800px;
        background-position: -40px -360px;
        cursor: pointer;
        z-index: 1;
    }

    .contentsharepopupnewtitle {
        display: block;
        position: relative;
        float: left;
        width: 100%;
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        color: #666;
        text-align: center;
        margin: 20px 0;
    }

    .contentshareicongroupnew {
        position: relative;
        float: left;
        width: calc(100% - 20px);
        margin: 0 10px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        justify-items: center;
        align-items: center;
        grid-template-rows: 50px auto;
    }

    .contentshareiconseemorewide {
        display: none;
    }

    .contentshareicongroupmore {
        position: relative;
        float: left;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        justify-items: center;
        align-items: center;
        right: unset;
        top: unset;
        padding: unset;
        padding-top: unset;
        z-index: unset;
        background-color: transparent;
        border-radius: unset;
        box-shadow: none;
        grid-column-start: 1;
        grid-column-end: 4;
        grid-template-rows: 50px 50px 50px;
    }



    .newqrsharedropdown {
        left: 20px;
        top: 45px;
    }



    .itemviewmood .contenttitlechannelholdersmall{
        display: none;
    }
   .itemviewmood .underlineholder{
        display: none;
    }
    .itemviewmood #listholderwrapper{
        display: none;
    }
    .itemviewmood #adsandrelated{
        display: none;
    }
    .contentintrodescriptionholder{
        display: block;
        position: relative;
        float: left;
        width: calc(100% - 20px);
        padding: 0 10px;
        margin-bottom: 10px;
    }
    .itemviewmood .contentintrodescriptionholder{
        display: none;
    }
    .itemviewmood .contenthighlightsbar{
        display: none;
    }
    .itemviewmood .newcontentshareicongroupouter{
        display: none;
    }
    .itemviewmood .contentpublishdate{
        display: none;
    }
    .itemviewmood .contenthighlightsbar{
        display: none;
    }

    .newcontentshareimagepreviewbox{
        flex-direction: column;
        align-items: center;
    }




}


@media only screen and (max-width: 580px) {
    .contentintrothumbcontainer{
        width: 100px;
    }
    .contenttitlewide, .contenttitledetailsholder{
        width: calc(100% - 110px);
    }
    .widecontentextendedmood .contentintrodescriptioncontainer {
        display: block;

    }
    .newcontentsharepopup, .newcontentsharepopuppreview{
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        border-radius: 0;
    }
}
@media only screen and (max-width: 330px){
    .contentintrothumbcontainer{
        width: 80px;
    }
    .contenttitlewide{
        width: calc(100% - 90px);
    }
    .contenttitledetailsholder{
        width: 100%;
        margin-left: 0;
    }
}
.newbrackettitlescoreandleaderboardholder {
    display: none;
}
@media only screen and (max-width: 1024px) {

    .newbrackettitlescoreandleaderboardholder {
        z-index: 10;
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .newbrackettitlescoreholder, .newbrackettitleleaderboardholder {
        position: relative;
        float: left;
    }
    .newbrackettitlescore, .newbracketleaderboardbutton {
        position: relative;
        float: left;
        width: 70px;
        height: 30px;
        padding: 0 10px;
        background-color: #eee;
        border-radius: 5px;
        cursor: pointer;
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
        transition: background-color .3s;
        font-weight: bold;
        color: #666;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .newbrackettitlescore:hover, .newbracketleaderboardbutton:hover{
        background-color: #e5e5e5;
    }

}


















/*****/
.rmliconbox{
    width: 100%;
    height: 100%;
    display: inherit;
}
.rmlicon{
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.rmlicon-gray{
    transition: fill .3s ease-in-out;
    fill: #666666;
}
.rmliconbox:hover .rmlicon-gray{
    fill: #858585;
}
.rmliconbox:active .rmlicon-gray{
    fill: #4d4d4d;
}
.rmlicon-red{
    fill: #A24242;
}

/*****/



.contentlikeicon, .contentlikedicon, .contentdislikeicon, #contentcommentsicon, .contentdislikedicon{
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.contentlikeicon, .contentlikedicon{
    margin-top: -2px;
}
.contentdislikeicon, .contentdislikedicon{
    margin-top: 2px;
}
.contentlikedicon .rmlicon-gray, .contentdislikedicon .rmlicon-gray{
    fill: #A24242!important;
}
.contentlikeicon .rmlicon-red, .contentdislikeicon .rmlicon-red{
    fill: #666666;
}


.contentintroductionthumbtoprow {
    position: relative;
    display: block;
    float: left;
    /*width: 50px;*/
}

.contentintroductionthumblongimageleft1, .contentintroductionthumblongimageleft2{
    float: left;
    max-inline-size: unset;
    max-block-size: unset;
    width: 50%;
    height: 50%;
}

.contentintroductionthumbbottomrow {
    position: relative;
    display: block;
    float: left;
    /*width: 50px;*/

}
.contentintroductionthumblong {
    position: relative;
    display: block;
    float: left;
    overflow: hidden;
    width: 50%;
    height: 100%;
}
.contentintroductionthumblongimageleft, .contentintroductionthumblongimageright{
    max-inline-size: unset;
    max-block-size: unset;
    position: relative;
    /*width: 50%;*/
    height: 100%;
    left: -25px;
}
.contentintroductionthumblongright, .contentintroductionthumblongleft {
    position: relative;
    display: block;
    float: left;
    overflow: hidden;
    width: 50%;
    height: 100%;
}
.contentintroductionthumblongimageright1, .contentintroductionthumblongimageright2{
    float: left;
    max-inline-size: unset;
    max-block-size: unset;
    width: 50%;
    height: 50%;
}
.contentintroductionthumbrightrow {
    position: relative;
    /*display: inline-grid;*/
    text-align: center;
}