@font-face {

    font-family: 'Roboto';

    src: local('../fonts/Roboto-Regular.ttf'), local('../fonts/Roboto-bold.ttf');

}



:root{

    --red_btn_color: #A24242;

    --red_btn_hover_color: #aa5055;

    --red_btn_active_color: #8e3237;



    --dark_btn_color: #666666;

    --dark_btn_hover_color: #7d7d7d;

    --dark_btn_active_color: #4f4f4f;



    --light_btn_color: #d1d3d4;

    --light_btn_hover_color: #dddddd;

    --light_btn_active_color: #bcbec0;



    --btn_bgcolor_animation: background-color .3s ease-in-out;



    --common_sprite_image: url(../assets/spritesv2/common.png);

    --common_sprite_size: 360px 800px;



    --border-light: 1px solid #dddddd;

}





/*SVG_ICONS*/



.rmliconbox{

    width: 100%;

    height: 100%;

    display: inherit;

}

.rmlicon{

    width: 100%;

    height: 100%;

    pointer-events: none;

    cursor: pointer;

}

.rmlicon-gray{

    transition: fill .3s ease-in-out;

    fill: #666666;

}

.rmlicon-lightgray{

    transition: fill .3s ease-in-out;

    fill: #999999;

}

.rmliconbox:hover .rmlicon-gray{

    fill: #858585;

}

.rmliconbox:active .rmlicon-gray{

    fill: #4d4d4d;

}

.rmlicon-red{

    fill: #A24242;

}

.rmlicon-logo-red{

    fill: #971b1e;

}.rmlicon-logo-black{

     fill: #050505;

 }



.rmlicon-red-line-2{

    stroke-width: 2px;

    fill: none;

    stroke: #a24243;

    stroke-linecap: round;

    stroke-linejoin: round;

}

.rmlicon-red-line-4{

    stroke-width: 4px;

    fill: none;

    stroke: #a24243;

    stroke-linecap: round;

    stroke-linejoin: round;

}

.rmlicon-red-line-6{

    stroke-width: 6px;

    fill: none;

    stroke: #a24243;

    stroke-linecap: round;

    stroke-linejoin: round;

}

.fullsizeloaderwrapper{

    position: fixed;

    width: 100%;

    height: calc(100% - 50px);

    z-index: 6;

    left: 0;

    top: 50px;

    background-color: rgba(0, 0, 0, 0.7);

}

.fullsizeloaderholder{

    width: 160px;

    height: 160px;

    background-color: color(srgb 1 1 1 / 0.9);

    position: absolute;

    top: calc(50% - 80px);

    left: calc(50% - 80px);

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: var(--card_radius);

}

.fullsizeloader{



}

/*SVG_ICONS*/







body {

    margin: 0;

    padding: 0;

    border: 0;

    -moz-user-select: none;

    -webkit-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background-color: #eeeeee;

    background-attachment: fixed;

    font-family: 'Roboto', sans-serif;

    line-height: normal;

}

div, span, article, aside, footer, header, hgroup, nav, section, h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, table, tr, th, td, tbody, tfoot, thead {

    margin: 0;

    padding: 0;

    border: 0;

    line-height: normal;

    text-indent: 0;

    text-decoration: none;

    background: transparent;

}



img	{

    margin:0;

    padding:0;

    border:0;

}





table, tr, th, td, tbody, tfoot, thead	{

    margin: 0;

    padding: 0;

    border: 0;

    vertical-align: baseline;

    background: transparent;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



input, select, textarea, form, fieldset {

    margin: 0;

    padding: 0;

    border: 0;

    box-sizing: border-box;

}



article, aside, dialog, figure, footer, header, hgroup, nav, section {

    display:block;

}



h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, caption, em, strong, strike {

    font-family: 'Roboto', sans-serif;

    font-size:100%;

    font-weight: normal;

    font-style: normal;

    line-height: normal;

    text-indent: 0;

    text-decoration: none;

    text-align: left;

    color: #000;

}



ol, ul	{

    list-style: none;

}



*:active, *:focus	{

    outline:none;

}

/*~~~~scrollbar css cahnge~~~~*/

/*for webkit*/

/*body>div::-webkit-scrollbar {*/

/*    width: 8px;*/

/*}*/

/*body>div::-webkit-scrollbar-track {*/

/*    background-color: #f1f1f1;*/

/*    border-radius: 16px;*/

/*}*/

/*body>div::-webkit-scrollbar-thumb {*/

/*    background-color: #d1d1d1;*/

/*    border-radius: 16px;*/

/*}*/

/*body>div::-webkit-scrollbar-thumb:hover {*/

/*    background-color: #c1c1c1;*/

/*}*/

/*!*for firefox*!*/

/*body>div {*/

/*    !*overflow-y: scroll;*!*/

/*    scrollbar-color: #d1d1d1 #f1f1f1;*/

/*    scrollbar-width: thin;*/

/*}*/

/*~~~~scrollbar css cahnge~~~~*/

.noscroll {

    overflow: hidden !important;

}



[type="radio"]:checked,

[type="radio"]:not(:checked) {

    position: absolute;

    left: -9999px;

}



[type="radio"]:checked + label,

[type="radio"]:not(:checked) + label {

    position: relative;

    float: left;

    padding-left: 28px;

    line-height: 20px;

    /*display: inline-block;*/

    font-family: 'Roboto', sans-serif;

    font-size: 12px;

    color: #999;

    cursor: pointer;

}



[type="radio"]:checked + label:before,

[type="radio"]:not(:checked) + label:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 18px;

    height: 18px;

    border: 1px solid #ddd;

    border-radius: 100%;

    background: #fff;

}



[type="radio"]:checked + label:after,

[type="radio"]:not(:checked) + label:after {

    content: '';

    width: 12px;

    height: 12px;

    background: #a24242;

    position: absolute;

    top: 4px;

    left: 4px;

    border-radius: 100%;

    -webkit-transition: all 0.2s ease;

    transition: all 0.2s ease;

}



[type="radio"]:not(:checked) + label:after {

    opacity: 0;

    -webkit-transform: scale(0);

    transform: scale(0);

}



[type="radio"]:checked + label:after {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

}





input[type="checkbox"]:after, input[type="checkbox"]:active:after:after {

    border-radius: .5em;

    width: 4px;

    height: 4px;

    padding: 1px;

    box-shadow: 0 0 0 2px #EEE;

    content: '';

    /*display: inline-block;*/

}



input[type="checkbox"] {

    box-shadow: 0 0 0 1px #e5e5e5 inset, 0 0 0 8px #fff inset;

    transition: all .2s;

    width: 12px;

    height: 12px;

}



input[type="checkbox"]:active {

    background: #A24242;

    box-shadow: 0 0 0 0 #A24242 inset, 0 0 0 1px #bbbbbb inset, 0 0 0 8px #eee inset, 0 0 0 0 #ddd inset, 0 0 0 0 #ddd;

}



input[type="checkbox"]:checked:active {

    background: #A24242;

    box-shadow: 0 0 0 8px #A24242 inset, 0 0 0 0 #666666 inset, 0 0 0 8px #EEE inset, 0 0 0 12px #ddd inset, 0 0 0 8px #D6E5E4;

}



input[type="checkbox"]:checked {

    box-shadow: 0 0 0 9px #A24242 inset, 0 0 0;

    content: url(../assets/sprites/OrSqEu5.png);

}





/*Jscrollpane*/

/*

 * CSS Styles that are needed by jScrollPane for it to operate correctly.

 *

 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane

 * may not operate correctly without them.

 */



.jspContainer

{

    overflow: hidden;

    position: relative;

    max-height: unset!important;

}



.jspPane

{

    position: absolute;

}



.jspVerticalBar

{

    position: absolute;

    top: 0;

    right: 0;

    width: 16px;

    height: 100%;

    background: red;

}



.jspHorizontalBar

{

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 16px;

    background: red;

}



.jspVerticalBar *,

.jspHorizontalBar *

{

    margin: 0;

    padding: 0;

}



.jspCap

{

    display: none;

}



.jspHorizontalBar .jspCap

{

    float: left;

}



.jspTrack

{

    background: #dde;

    position: relative;

    z-index:99;

}



.jspDrag

{

    background: #bbd;

    position: relative;

    top: 0;

    left: 0;

    cursor: pointer;

    z-index:101;

}



.jspHorizontalBar .jspTrack,

.jspHorizontalBar .jspDrag

{

    float: left;

    height: 100%;

}







.jspArrow

{

    background: #50506d;

    text-indent: -20000px;

    display: block;

    cursor: pointer;

}



.jspArrow.jspDisabled

{

    cursor: default;

    background: #80808d;

}



.jspVerticalBar .jspArrow

{

    height: 16px;

}



.jspHorizontalBar .jspArrow

{

    width: 16px;

    float: left;

    height: 100%;

}



.jspVerticalBar .jspArrow:focus

{

    outline: none;

}



.jspCorner

{

    background: #eeeef4;

    float: left;

    height: 100%;

}



/* Yuk! CSS Hack for IE6 3 pixel bug :( */

* html .jspCorner

{

    margin: 0 -3px 0 0;

}



/*scrollpane custom CSS*/

.jspVerticalBar {

    width: 8px;

    background: transparent;

}



.jspHorizontalBar {

    bottom: 5px;

    width: 100%;

    height: 8px;

    background: transparent;

}



.jspTrack {

    background:#DDDDDD;

}



.jspDrag {

    background-color:#bbbbbb;

    -webkit-border-radius:2px;

    -moz-border-radius:2px;

    border-radius:2px;

}



.jspHorizontalBar .jspTrack,

.jspHorizontalBar .jspDrag {

    float: left;

    height: 100%;

}



.jspCorner {

    display:none

}

/*We use a 1×1 pixel PNG transparent image for jspDrag*/





#descriptionmax .jspTrack {

    background: #222222;

}

#descriptionmax .jspDrag {

    background-color: #444444;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

}

















/*Redbar*/



#pageredbar{

    position: fixed;

    z-index: 999999;

    width: 100%;

    top: 0px;

    background-color: #FFFFFF;

    -webkit-box-shadow: 0 0 20px -13px black;

    -moz-box-shadow: 0 0 20px -13px black;

    box-shadow: 0 0 20px -13px black;

}

#redbarholder{

    position: relative;

    float: left;

    width: 100%;

    height: 50px;

}

#redbar{

    position: relative;

    width: calc(100% - 20px);

    margin: 0px auto;

    min-width: 320px;

    height: 50px;

}

#pagehead{

    position: relative;

    float: left;

    width: 100%;

    height: 50px;

}

.redbarlogocontainer{

    position: relative;

    float: left;

    display:inline-flex;

}

#leftnav {

    position: relative;

    float: left;

    margin-top: 5px;

}

.leftnavicon {

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: 0px 0px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    -webkit-transform: scale(.8);

    -moz-transform: scale(.8);

    -ms-transform: scale(.8);

    -o-transform: scale(.8);

    transform: scale(.8);

    -webkit-transition: background-color .3s;

    -moz-transition: background-color .3s;

    -ms-transition: background-color .3s;

    -o-transition: background-color .3s;

    transition: background-color .3s;

}

.leftnavicon:hover{

    cursor: pointer;

    background-color: #eeeeee;

}



.rlmlogoholder{

    position: relative;

    float: left;

    margin-top: 5px;

}

.rmllogo{

    position: relative;

    float: left;

    width: 120px;

    height: 40px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: 0 -760px;



}

.rmllogo:hover{

    background-color: #f6f6f6;

}

.redbarnavuserholder{

    position: relative;

    float: right;

}

.redbarcreatebuttoncontainer{

    position: relative;

    float: left;

    height: 50px;

}

.redbarcreatebuttonholder{

    position: relative;

    float: left;

}

.redbariconbuttoneliment{

    cursor: pointer;

    -webkit-box-shadow: inset 0 0px 0 0px #A24242;

    -moz-box-shadow: inset 0 0px 0 0px #A24242;

    box-shadow: inset 0 0px 0 0px #A24242;

    -webkit-transition: -webkit-box-shadow .3s;

    -moz-transition: -moz-box-shadow .3s;

    transition: box-shadow .3s;

}

.redbariconbuttoneliment:hover{

    -webkit-box-shadow: inset 0 -4px 0 0px #A24242;

    -moz-box-shadow: inset 0 -4px 0 0px #A24242;

    box-shadow: inset 0 -4px 0 0px #A24242;

}

.redbartextbuttoneliment{

    cursor: pointer;

    font-family: 'Roboto', sans-serif;

    font-weight: normal;

    font-size: 16px;

    padding: 15px 10px;

    color: #A24242;

    -webkit-box-shadow: inset 0 0px 0 0px #A24242;

    -moz-box-shadow: inset 0 0px 0 0px #A24242;

    box-shadow: inset 0 0px 0 0px #A24242;

    -webkit-transition: -webkit-box-shadow .3s;

    -moz-transition: -moz-box-shadow .3s;

    transition: box-shadow .3s;

    height: unset;

}

.redbartextbuttoneliment:hover{

    -webkit-box-shadow: inset 0 -4px 0 0px #A24242;

    -moz-box-shadow: inset 0 -4px 0 0px #A24242;

    box-shadow: inset 0 -4px 0 0px #A24242;

}

.redbarcreatebuttontext{

    position: relative;

    float: left;

}

.redbarcreatebuttonicon{

    display: none;

}



.redbarnavuserloginwidgetholder{

    position: relative;

    float: left;

}

.redbarnavusersignupbutton{

    position: relative;

    float: left;

}

.redbarnavusersigninbutton{

    position: relative;

    float: left;

}

.redbarnavusermessagenotificationsholder{

    position: relative;

    float: left;

}

.redbarnavusermessagenotificationsicon{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin-top: 5px;

    padding-bottom: 5px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: 0px -80px;

}

.redbarnavusermessagenotificationsicon:hover{

    background-position: 0px -160px;

}

.redbarnavusernotificationsholder{

    position: relative;

    float: left;

}

.redbarnavusernotificationsicon{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin-top: 5px;

    padding-bottom: 5px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: 0px -120px;

}

.redbarnavusernotificationsicon:hover{

    background-position: 0px -200px;

}

.redbarnavuserloggedinbar{

    cursor: pointer;

    position: relative;

    float: left;

    height: 50px;

    -webkit-box-shadow: inset 0 0px 0 0px #A24242;

    -moz-box-shadow: inset 0 0px 0 0px #A24242;

    box-shadow: inset 0 0px 0 0px #A24242;

    -webkit-transition: -webkit-box-shadow .3s;

    -moz-transition: -moz-box-shadow .3s;

    transition: box-shadow .3s;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 5px;

}

.redbarnavuserloggedinbarholder{

    position: relative;

    float: left;

    margin-left: 10px;

}

.redbarnavuserloggedinbar:hover{

    -webkit-box-shadow: inset 0 -4px 0 0px #A24242;

    -moz-box-shadow: inset 0 -4px 0 0px #A24242;

    box-shadow: inset 0 -4px 0 0px #A24242;

}

.redbarnavuserloggedinuserimage{

    position: relative;

    float: left;

    width: 30px;

    height: 30px;

    overflow: hidden;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

}

.redbarnavuserloggedinuserimage img{

    width: 30px;

    height: 30px;

}

.redbarnavuserloggedinusername{

    position: relative;

    float: left;

    max-width: 120px;

    font-family: 'Roboto', sans-serif;

    font-size: 16px;

    color: #A24242;

    overflow: hidden;

    text-overflow: ellipsis;

}



#numberofmessagesnotifications {

    display: block;

    position: absolute;

    float: left;

    color: #fdfdfd;

    font-size: 10px;

    line-height: 10px;

    z-index: 999;

    top: 2px;

    left: 20px;

    padding: 2px;

    min-width: 10px;

    height: 10px;

    background-color: #A24242;

    border: 2px solid #ffffff;

    -moz-border-radius: 0.25em;

    -webkit-border-radius: 0.25em;

    border-radius: 10px;

    text-align: center;

    font-weight: bold;

}



#numberofnotifications {

    display: none;

    position: absolute;

    float: left;

    color: #fdfdfd;

    font-size: 10px;

    line-height: 10px;

    z-index: 999;

    top: 2px;

    left: 20px;

    padding: 2px;

    min-width: 10px;

    height: 10px;

    background-color: #A24242;

    border: 2px solid #ffffff;

    -moz-border-radius: 0.25em;

    -webkit-border-radius: 0.25em;

    border-radius: 10px;

    text-align: center;

    font-weight: bold;

}

#notificationsdropdown	{

    display: none;

    opacity: 1 !important;

    position: absolute;

    width: 400px;

    max-height: 400px;

    overflow: auto;

    z-index: -1;

    right: 0;

    top: 50px;

    background-color: #ffffff;

    border: 1px solid #e5e5e5;

    -moz-border-radius-bottomleft: 5px;

    -webkit-border-bottom-left-radius: 5px;

    border-bottom-left-radius: 5px;

    -moz-border-radius-bottomright: 5px;

    -webkit-border-bottom-right-radius: 5px;

    border-bottom-right-radius: 5px;

    /* overflow: hidden; */

    -webkit-box-shadow: 0 1px 20px -6px black;

    -moz-box-shadow: 0 1px 20px -6px black;

    box-shadow: 0 8px 20px -13px black;

}

.notificationclosebutton{

    display: none;

}

.backbuttonformobile{

    display: none;

}





#searchbarcontainer {

    display: block;

    max-width: 450px;

    min-height: 50px;

    position: relative;

    overflow: hidden;

    margin-left: auto;

    margin-right: auto;

}



#navsearchholder {

    position: relative;

    float: left;

    width: 100%;

}

#pageredbar form {

    display: block;

}

#navsearch {

    position: relative;

    float: left;

    width: 100%;

}

.searchtext {

    position: relative;

    float: left;

    width: calc(100% - 52px)!important;

    height: 38px!important;

    margin: 5px 0;

    padding:  0 40px 0 10px!important;

    border: 1px solid #e5e5e5;

    font-family: 'Roboto', sans-serif;

    font-size: 12px;

    color: #999999;

    background-color: #eeeeee;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    box-sizing: unset;

}

#searchbuttonholder {

    position: absolute;

    top: 5px;

    right: 0;

}

#searchbutton {

    cursor: pointer;

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: 0 -240px;

    background-color: transparent;

    -webkit-transform: scale(.9);

    -moz-transform: scale(.9);

    -ms-transform: scale(.9);

    -o-transform: scale(.9);

    transform: scale(.9);

    -webkit-transition: -webkit-transform .1s;

    -moz-transition: -moz-transform .1s;

    -ms-transition: -ms-transform .1s;

    -o-transition: -o-transform .1s;

    transition: transform .1s;

}

#searchbutton:hover{

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}

#searchdropdownwrapper {

    width: calc(100% - 2px);

    top: 40px;

    left: 0px;

    background-color: #FFFFFF;

    border: 1px solid #E5E5E5;

    border-radius: 0px 0px 10px 10px;

    overflow: hidden;

    box-shadow: 0 15px 20px -25px black;

}

#searchdropdown {

    position: relative;

    float: left;

    width: 100%;

    max-height: 400px;

    overflow: auto;

}

#pageredbar ul {

    position: relative;

    float: left;

    width: 100%;

}

.searchdropdownresults {

    cursor: pointer;

    position: relative;

    float: left;

    width: calc(100% - 20px);

    height: 50px;

    padding: 0 10px;

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    color: #666666;

    display: flex;

    align-items: center;

}



.searchdropdownresults:hover{

    background-color: #f6f6f6;

}

/*~~~~scrollbar css cahnge~~~~*/

/*for webkit*/

#notificationsdropdown::-webkit-scrollbar {

    width: 8px!important;

}

#notificationsdropdown::-webkit-scrollbar-track {

    background-color: #f1f1f1!important;

    border-radius: 16px!important;

}

#notificationsdropdown::-webkit-scrollbar-thumb {

    background-color: #d1d1d1!important;

    border-radius: 16px!important;

}

#notificationsdropdown::-webkit-scrollbar-thumb:hover {

    background-color: #c1c1c1!important;

}

/*for firefox*/

#notificationsdropdown {

    /*overflow-y: scroll;*/

    scrollbar-color: #d1d1d1 #f1f1f1!important;

    scrollbar-width: thin!important;

}





.keyupdowncssofli{

    background-color: #f6f6f6;

}

.redbarcreatedropdown{

    display: none;

    position: absolute;

    top: 50px;

    right: 0px;

    width: 135px;

    padding-top: 5px;

    background-color: #ffffff;

    z-index: -1;

    border: 1px solid #E5E5E5;

    -moz-border-radius-bottomleft: 5px;

    -webkit-border-bottom-left-radius: 5px;

    border-bottom-left-radius: 5px;

    -moz-border-radius-bottomright: 5px;

    -webkit-border-bottom-right-radius: 5px;

    border-bottom-right-radius: 5px;

    overflow: hidden;

    -moz-box-shadow: 0 1px 20px -6px black;

    box-shadow: 0 10px 20px -15px black;

}

.redbarcreatedropdown a{

    position: relative;

    float: left;

    width: 100%;

    height: 36px;

    border-bottom: 1px solid #eeeeee;

}

.redbarcreatedropdown a:nth-last-child(1){

    border-bottom: none;

}

.redbarcreatedropdown a:hover{

    cursor: pointer;

    background-color: #cccccc;

}

.redbarcreatedropdowncreatelisticon{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: -3px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -80px 0px;

    -webkit-transform: scale(.8);

    -moz-transform: scale(.8);

    -ms-transform: scale(.8);

    -o-transform: scale(.8);

    transform: scale(.7);

}

.redbarcreatedropdowncreatepollicon{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: -3px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -80px -40px;

    -webkit-transform: scale(.8);

    -moz-transform: scale(.8);

    -ms-transform: scale(.8);

    -o-transform: scale(.8);

    transform: scale(.7);

}

.redbarcreatedropdowncreatebracketicon{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: -3px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -80px -80px;

    -webkit-transform: scale(.8);

    -moz-transform: scale(.8);

    -ms-transform: scale(.8);

    -o-transform: scale(.8);

    transform: scale(.7);

}

.redbarcreatedropdowncreateswipericon{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: -3px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -80px -120px;

    -webkit-transform: scale(.8);

    -moz-transform: scale(.8);

    -ms-transform: scale(.8);

    -o-transform: scale(.8);

    transform: scale(.7);

}

.redbarcreatedropdowncreatevoteicon{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: -3px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -80px -160px;

    -webkit-transform: scale(.8);

    -moz-transform: scale(.8);

    -ms-transform: scale(.8);

    -o-transform: scale(.8);

    transform: scale(.7);

}

.redbarcreatedropdowncreateratingicon{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: -3px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -80px -200px;

    -webkit-transform: scale(.8);

    -moz-transform: scale(.8);

    -ms-transform: scale(.8);

    -o-transform: scale(.8);

    transform: scale(.7);

}

.redbarcreatedropdowncreatepieicon{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: -3px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -80px -240px;

    -webkit-transform: scale(.8);

    -moz-transform: scale(.8);

    -ms-transform: scale(.8);

    -o-transform: scale(.8);

    transform: scale(.7);

}

.redbarcreatedropdowncreatetiericon{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: -3px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -80px -280px;

    -webkit-transform: scale(.8);

    -moz-transform: scale(.8);

    -ms-transform: scale(.8);

    -o-transform: scale(.8);

    transform: scale(.7);

}



.redbarcreatedropdownitemtext{

    position: relative;

    float: left;

    width: calc(100% - 36px);

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    color: #666666;

    padding: 11px 0px;

}





.redbarmobilenavsearchbuttonholder{

    display: none;

}

.redbarmobilenavsearchbackbutton{

    display: none;

}

.forlisttag{

    float: left;

    position: relative;

    font-family: 'Roboto', sans-serif;

    font-weight: bold;

    font-size: 14px;

    padding-left: 10px;

    height: 50px;

    color: #444444;

    display: flex;

    align-items: center;

}

.searchdropdownresults img{

    position: relative;

    float: left;

    width: 30px;

    height: 30px;

    border-radius: 50%;

}

.titleforslidelist{

    position: relative;

    float: left;

    width: calc(100% - 40px);

    padding: 8px 0px 8px 10px;

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    overflow: hidden;

    text-overflow: ellipsis;

}

.redbarnavusersigninicon{

    display: none;

}



.indexleftbarbackground {

    display: block;

    position: fixed;

    height: 100%;

    width: 100%;

    z-index: 9999;

    top: 40px;

    background-color: #000000;

    opacity: 0.5;

}



/*Create content dropdown*/



.createcontentdropdownholder{

    position: fixed;

    top: 50px;

    left: 10px;

    width: calc(100% - 20px);

    min-height: 300px;

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

    background-color: rgb(255 255 255);

    border-top: 1px solid #EEE;

    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px;

    overflow: auto;

    display: none;

}

.createcontentdropdown{

    position: relative;

    margin: 0 auto;

    width: calc(100% - 20px);

    padding: 10px;

    padding-bottom: 20px;

    /* max-width: 1024px; */

    display: grid;

    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));

    grid-template-rows: min-content;

    gap: 10px;

}



.createcontentdropdowntitleholder{

    position: relative;

    float: left;

    height: 40px;

    display: flex;

    grid-column-start: 1;

    grid-column-end: -1;

    align-items: center;

    justify-content: space-between;

}

.createcontentdropdowntitle{

    position: relative;

    float: left;

    font-family: 'Roboto', sans-serif;

    font-size: 22px;

    font-weight: bold;

    color: #A24242;

}

.createcontentdropdownclose{

    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%;

}



.createcontentdropdownclose:hover{

    background-color: #dddddd;

}

.createcontentdropdownclose:active{

    background-color: #bcbec0;

}



.createcontentdropdownitem{

    position: relative;

    float: left;

    width: calc(100% - 20px);

    padding: 10px;

    transition: background-color .3s;

    border-radius: 10px;

    display: flex;

    flex-direction: column;

    gap: 5px;

    background-color: #F9F9F9;

}

.createcontentdropdownitem:hover{

    background-color: #EEE;

}

.createcontentdropdownitemname{

    position: relative;

    float: left;

    width: 100%;

    height: 40px;

    display: flex;

    gap: 5px;

    align-items: center;

}

.ccsitems{

    display: flex;

    align-items: center;

    flex-direction: column;

    align-items: flex-start;

    gap: 15px;

    background-color: #F6F6F6;

    padding: 10px;

    border-radius: 10px;

    transition: var(--btn_bgcolor_animation);



}

.ccsitems:hover{

    background-color: #EEEEEE;

}

.ccsitemrow{

    display: flex;

    align-items: center;

    gap: 10px;

}

.ccdiconsholder{

    width: 36px;

    height: 36px;

    flex: none;

}



.ccdicontitle{

    font-size: 18px;

    font-weight: bold;

    font-family: 'Roboto', sans-serif;

    color: #666666;

}

.ccdiconsubtitle{

    font-family: 'Roboto', sans-serif;

    font-size: 12px;

    color: #666666;

}

.createcontentdropdownitemiconlist{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -80px 0;

}

.createcontentdropdownitemiconpoll{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -80px -40px;

}

.createcontentdropdownitemiconbracket{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -80px -80px;

}

.createcontentdropdownitemiconswiper{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -80px -120px;

}

.createcontentdropdownitemiconvote{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -80px -160px;

}

.createcontentdropdownitemiconrating{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -80px -200px;

}

.createcontentdropdownitemiconpie{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: -3px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -80px -240px;

}

.createcontentdropdownitemicontier{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: -3px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -80px -280px;

}

.createcontentdropdownitemiconmappoll{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: -3px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -80px -360px;

}

.createcontentdropdownitemiconthisorthat{

    position: relative;

    float: left;

    width: 30px;

    height: 30px;

}

.createcontentdropdownitemtext{

    position: relative;

    float: left;

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    font-weight: bold;

    color: #444444;

    align-items: center;

}

.createcontentdropdownitemdescription{

    position: relative;

    float: left;

    font-family: 'Roboto', sans-serif;

    line-height: 120%;

    font-size: 12px;

    color: #666666;

    text-align: justify;

}



/*Left bar*/





.newleftnavbarholderbackground{

    display: none;

    position: fixed;

    top: 50px;

    left: 0px;

    width: 100%;

    height: calc(100% - 50px);

    background-color: rgba(17, 17, 17, 0.7);

    z-index: 110;

}

.newleftnavbarholder{

    position: fixed;

    top: 50px;

    left: 0px;

    width: 240px;

    height: calc(100% - 50px);

    background-color: #FFFFFF;

    z-index: 110;

    visibility: hidden;

}



.newleftnavbarholderinner{

    position: relative;

    float: left;

    width: 100%;

}

.newleftnavbartab {

    position: relative;

    float: left;

    width: 240px;

    height: 50px;

    background-color: #FFFFFF;

    cursor: pointer;

    -webkit-transition: background-color .2s;

    -moz-transition: background-color .2s;

    -ms-transition: background-color .2s;

    -o-transition: background-color .2s;

    transition: background-color .2s;

}

.newleftnavbartab:hover{

    background-color: #F7F7F7;

}



.newleftnavbartabSelected{

    background-color: #e5e5e5;

}



.newleftnavbartab_Home_icon{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: 5px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -120px 0px;

}

.newleftnavbartabSelected .newleftnavbartab_Home_icon{

    background-position: -160px 0px;

}

.newleftnavbartab_Trending_icon{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: 5px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -120px -40px;

}

.newleftnavbartabSelected .newleftnavbartab_Trending_icon{

    background-position: -160px -40px;

}

.newleftnavbartab_Recommended_icon{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: 5px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -120px -80px;

}

.newleftnavbartabSelected .newleftnavbartab_Recommended_icon{

    background-position: -160px -80px;

}

.newleftnavbartab_Featured_icon{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: 5px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -120px -120px;

}

.newleftnavbartabSelected .newleftnavbartab_Featured_icon{

    background-position: -160px -120px;

}

.newleftnavbartab_Popular_icon{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: 5px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -120px -160px;

}

.newleftnavbartabSelected .newleftnavbartab_Popular_icon{

    background-position: -160px -160px;

}



.newleftnavbartab_Latest_icon{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: 5px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -120px -200px;

}

.newleftnavbartabSelected .newleftnavbartab_Latest_icon{

    background-position: -160px -200px;

}

.newleftnavbartab_text{

    position: relative;

    float: left;

    width: calc(100% - 50px);

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    color: #666666;

    margin: 18px 0px;

}

.newleftnavbartabSelected .newleftnavbartab_text{

    color: #A24242;

}

.newleftnavbartabtitleholder{

    position: relative;

    float: left;

    width: 240px;

    height: 50px;

    cursor: pointer;

    background-color: #bbbbbb;

}

.newleftnavbartabtitle{

    position: relative;

    float: left;

    width: calc(100% - 65px);

    font-family: 'Roboto', sans-serif;

    font-weight: bold;

    font-size: 14px;

    color: #666666;

    margin: 18px 0px;

    padding-left: 15px;

}

.newleftnavbartabExpandClose{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: 5px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -40px -480px;

    -webkit-transition: -webkit-transform .3s;

    -moz-transition: -moz-transform .3s;

    -ms-transition: -ms-transform .3s;

    -o-transition: -o-transform .3s;

    transition: transform .3s;

}

.newleftnavbartabExpandClose:hover{

    opacity: .70;

}

.newleftnavbartabExpandCloseRotate{

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg);

}



.newleftnavbartabcategoryholder{

    position: relative;

    float: left;

    width: 100%;

}

.newleftnavbartab_Movies_icon{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: 5px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -120px -240px;

}

.newleftnavbartabSelected .newleftnavbartab_Movies_icon{

    background-position: -160px -240px;

}

.newleftnavbartab_Music_icon{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: 5px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -120px -280px;

}

.newleftnavbartabSelected .newleftnavbartab_Music_icon{

    background-position: -160px -280px;

}



.newleftnavbartab_Celebrity_icon{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: 5px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -120px -320px;

}

.newleftnavbartabSelected .newleftnavbartab_Celebrity_icon{

    background-position: -160px -320px;

}

.newleftnavbartab_Gaming_icon{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: 5px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -120px -360px;

}

.newleftnavbartabSelected .newleftnavbartab_Gaming_icon{

    background-position: -160px -360px;

}

.newleftnavbartab_Tech_icon{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: 5px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -120px -400px;

}

.newleftnavbartabSelected .newleftnavbartab_Tech_icon{

    background-position: -160px -400px;

}



.newleftnavbartab_Sports_icon{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: 5px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -120px -440px;

}

.newleftnavbartabSelected .newleftnavbartab_Sports_icon{

    background-position: -160px -440px;

}

.newleftnavbartab_Fashion_icon{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: 5px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -120px -480px;

}

.newleftnavbartabSelected .newleftnavbartab_Fashion_icon{

    background-position: -160px -480px;

}

.newleftnavbartab_Food_icon{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: 5px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -120px -520px;

}

.newleftnavbartabSelected .newleftnavbartab_Food_icon{

    background-position: -160px -520px;

}

.newleftnavbartab_Leisure_icon{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: 5px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -120px -560px;

}

.newleftnavbartabSelected .newleftnavbartab_Leisure_icon{

    background-position: -160px -560px;

}



.newleftnavbartab_Auto_icon{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: 5px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -120px -600px;

}

.newleftnavbartabSelected .newleftnavbartab_Auto_icon{

    background-position: -160px -600px;

}



.newleftnavbartab_People_icon{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: 5px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -120px -640px;

}

.newleftnavbartabSelected .newleftnavbartab_People_icon{

    background-position: -160px -640px;

}



.newleftnavbartab_Funny_icon{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: 5px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -120px -680px;

}

.newleftnavbartabSelected .newleftnavbartab_Funny_icon{

    background-position: -160px -680px;

}



.newleftnavbartab_Books_icon{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: 5px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -120px -720px;

}

.newleftnavbartabSelected .newleftnavbartab_Books_icon{

    background-position: -160px -720px;

}



.newleftnavbartab_Random_icon{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: 5px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -120px -760px;

}

.newleftnavbartabSelected .newleftnavbartab_Random_icon{

    background-position: -160px -760px;

}





.indexlistfeedloadinggifbox{

    position: relative;

    float: left;

    width: 100%;

    text-align: center;

}

.indexlistfeedloadinggifboxinner{

    display: inline-block;

}

.indexlistfeedloadinggif{

    position: relative;

    float: left;

    width: 200px;

    height: 200px;

    background-image: url("../assets/sprites/loader.gif");

    background-position: 0 0;

}



.commonfollowunfollwbuttonstyle{

    position: relative;

    float: left;

    width: 120px;

    height: 30px;

    font-family: 'Roboto', sans-serif;

    font-size: 12px;

    font-weight: bold;

    background-color: #A24242;

    color: #FFFFFF;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50px;

    cursor: pointer;

    gap: 5px;

}

.newleftnavbartabSubscribedChannelsholder {

    position: relative;

    float: left;

    width: 240px;

    /*padding-bottom: 50px;*/

    overflow: hidden;

}

.newleftnavbartabRecommendedChannelsholder, .newleftnavbartabTrendingChannelsholder {

    display: none;

    position: relative;

    float: left;

    width: 240px;

    /*padding-bottom: 50px;*/

    overflow: hidden;

}

.newleftnavbartab_SubscribedChannelsImage, .newleftnavbartab_RecommendedChannelsImage, .newleftnavbartab_TrendingChannelsImage{

    position: relative;

    float: left;

    width: 26px;

    height: 26px;

    overflow: hidden;

    margin: 12px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

}

.newleftnavbartab_SubscribedChannelsImage img, .newleftnavbartab_RecommendedChannelsImage img, .newleftnavbartab_TrendingChannelsImage img{

    width: 26px;

    height: 26px;

}

.newleftnavbartabSelected .newleftnavbartab_SubscribedChannelsName, .newleftnavbartabSelected .newleftnavbartab_RecommendedChannelsName, .newleftnavbartabSelected .newleftnavbartab_TrendingChannelsName{

    color: #A24242;

}

.newleftnavbartab_SubscribedChannelsName, .newleftnavbartab_RecommendedChannelsName, .newleftnavbartab_TrendingChannelsName{

    position: relative;

    float: left;

    max-width: calc(100% - 60px);

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    color: #666666;

    margin: 16px 0px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.newleftnavbartab_SubscribedChannelsName:hover, .newleftnavbartab_RecommendedChannelsName:hover, .newleftnavbartab_TrendingChannelsName:hover {

    text-decoration: underline;

    text-overflow: unset;

}



.newleftnavbartabSubscribedChannelsloadmoreholder, .newleftnavbartabRecommendedChannelsloadmoreholder, .newleftnavbartabTrendingChannelsloadmoreholder{

    cursor: pointer;

    /*position: absolute;*/

    bottom: 0px;

    left: 0px;

    width: 240px;

    height: 50px;

    text-align: center;

    background-color: #EEEEEE;

    float: left;

}

.newleftnavbartabSubscribedChannelsloadmoreholder:hover, .newleftnavbartabRecommendedChannelsloadmoreholder:hover, .newleftnavbartabTrendingChannelsloadmoreholder:hover{

    background-color: #E5E5E5;



}

.newleftnavbartabSubscribedChannelsloadmoreholderinner, .newleftnavbartabRecommendedChannelsloadmoreholderinner, .newleftnavbartabTrendingChannelsloadmoreholderinner{

    position: relative;

    display: inline-block;

}

.newleftnavbartabSubscribedChannelsloadmoreindicatorDown, .newleftnavbartabRecommendedChannelsloadmoreindicatorDown, .newleftnavbartabTrendingChannelsloadmoreindicatorDown{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: 5px 0px;

    background-image: url(../assets/sprites/darkindicatoricons.png);

    background-size: 40px 160px;

    background-position: 0px -40px;

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    transform: rotate(90deg);



    -webkit-transition: -webkit-transform .3s;

    -moz-transition: -moz-transform .3s;

    -ms-transition: -ms-transform .3s;

    -o-transition: -o-transform .3s;

    transition: transform .3s;

}

.newleftnavbartabSubscribedChannelsloadmoreindicatorUp, .newleftnavbartabRecommendedChannelsloadmoreindicatorUp, .newleftnavbartabTrendingChannelsloadmoreindicatorUp{

    -webkit-transform: rotate(270deg);

    -moz-transform: rotate(270deg);

    -ms-transform: rotate(270deg);

    -o-transform: rotate(270deg);

    transform: rotate(270deg);

}

.newleftnavbartabSubscribedChannelsloadmoreindicatorText, .newleftnavbartabRecommendedChannelsloadmoreindicatorText, .newleftnavbartabTrendingChannelsloadmoreindicatorText{

    position: relative;

    float: left;

    font-family: 'Roboto', sans-serif;

    text-align: center;

    font-size: 14px;

    color: #999999;

    padding: 18px 0px;

    cursor: pointer;

}

.newleftnavbartabSubscribedChannelsloadmoreindicatorgif, .newleftnavbartabRecommendedChannelsloadmoreindicatorgif, .newleftnavbartabTrendingChannelsloadmoreindicatorgif{

    display: none;

    position: relative;

    float: left;

    width: 42px;

    height: 20px;

    margin: 15px 5px;

    background-image: url(../assets/sprites/dots.gif);

    background-position: 0px 0px;

}

.emptytextholder{

    display: block;

    float: left;

    position: relative;

    width: 100%;

}

.emptytext{

    display: block;

    width: 245px;

    margin-left: auto;

    margin-right: auto;

    font-family: Roboto, sans-serif;

    font-size: 14px;

    color: #999999;

    margin: 10px;

}





.newleftnavbarholder .jspPane{

    width: 235px!important;

}

.newleftnavbarholder:hover .jspPane{

    width: 235px!important;

}

.newleftnavbarholder .jspVerticalBar{

    width: 5px;

}

.newleftnavbarholder .jspTrack{

    background: transparent;

}

.newleftnavbarholder .jspDrag{

    background-color: transparent;

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    border-radius: 0px;

}

.newleftnavbarholder:hover .jspDrag{

    background-color: #cfcfcf;

}



.newindexsubscribechannelsubscribebutton{

    cursor: pointer;

    position: relative;

    float: right;

    width: 110px;

    font-family: 'Roboto', sans-serif;

    font-size: 12px;

    color: #FFFFFF;

    text-align: center;

    padding: 8px 0px;

    background-color: #A24242;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    -webkit-transition: background-color .3s;

    -moz-transition: background-color .3s;

    -ms-transition: background-color .3s;

    -o-transition: background-color .3s;

    transition: background-color .3s;

}







#suggestedchannelstitle{

    position: relative;

    float: left;

    width: 240px;

    height: 50px;

    cursor: pointer;

    background-color: #bbbbbb;

}



.emptyresult {

    padding-top: 5px;

    padding-bottom: 5px;

    background-color: #e5e5e5;

    text-align: center;

}

.emptyresult p {

    color: #444444;

    text-decoration: none;

    text-align: center;

    font-family: 'Roboto', sans-serif;

    font-size: 13px;

    font-weight: normal;

    line-height: 100%;

    font-style: italic;

}





/*Signup popup*/



/* Sign up Drop Down Menu */

.notblue{

    color: inherit;

    text-decoration: underline;

}

.link, .href_link{

    cursor: pointer;

    font-family: 'Roboto', sans-serif;

    color: #8c3232;

    font-weight: bold;

}

.link:hover, .href_link:hover{

    text-decoration: underline;

    font-weight: bold;

}

.link:active, .href_link:active{

    color: #8C3232FF;

    text-decoration: underline;

    font-weight: bold;

}

#connectwithtextholder{

    /*position: absolute;*/

    /*width: 100%;*/

    /*right: 0;*/

    /*bottom: 0;*/

}

.connectwithtextholder .connectwithtext{

    width: 100%;

    text-align: center;

    margin: 15px 0;

}

#textandbuttonholder{

    position: relative;

    float: right;

    margin-top: 18.5px;

}



.forspace{

    margin-top: 58px;

}

.showsociallogin{

    position: relative;

    float: left;

    font-family: 'Roboto', sans-serif;

    text-align: center;

    font-size: 14px;

    color: #666666;



}

#showconnectwithsocialicon {

    cursor: pointer;

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -40px -600px;

}

.minisocialloginiconsholder{

    position: relative;

    float: left;

    -webkit-transform: scale(.8);

    -moz-transform: scale(.8);

    -ms-transform: scale(.8);

    -o-transform: scale(.8);

    transform: scale(.8);

    margin-left: -25px;

}

.minifblogin{

    cursor: pointer;

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -40px 0;

}



.minigpluslogin{

    cursor: pointer;

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -40px -40px;

}

.miniylogin{

    cursor: pointer;

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -40px -80px;
}

.minillogin{

    cursor: pointer;

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -40px -120px;

}

.miniplogin{

    cursor: pointer;

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -40px -160px;

}

.minitlogin{

    cursor: pointer;

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -40px -200px;

}

.minimlogin{

    cursor: pointer;

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -40px -240px;

}

.minitiktoklogin{

    cursor: pointer;

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -80px -320px;

}



.noscroll_signin{

    overflow: hidden !important;

}



[aria-hidden="true"]  { display: none !important; }

[aria-hidden="false"] { display: block; }







.signupdropdownbackground {

    display:none;

    position:fixed;

    height:100%;

    width:200%;

    z-index:99000;

    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;

}

#auth-container {

    position: fixed;

    height: 100%;

    width: 100%;

    margin: 0 auto;

    background-color: rgba(0, 0, 0, 0.5); /* Use rgba for background opacity */
    z-index: 111;

}

#auth-dropdownwrapper {

    overflow: auto; /* Allows scrolling if content overflows */

    position: fixed;

    z-index: 112;

    left: 0;

    right: 0;

    top: 50px;

    bottom: 0; /* Occupy the full height of the screen */

    display: flex;

    justify-content: center;

    align-items: center; /* Align dropdown at the center */

}

/*#auth-dropdownwrapper *{*/



/*}*/

/*#auth-dropdownholder {*/

/*    min-width: 320px;*/

/*    max-height: 80vh;*/

/*}*/





#signupdropdown {

    position: relative;

    float: left;

    width: 100%;

    max-width: 405px;

    /*height: 450px;*/

    background-color: #FFFFFF;

    padding: 20px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    box-shadow: 0 0 10px 2px rgb(0 0 0 / 45%);

    -moz-box-shadow: 0 0 10px 2px rgb(0 0 0 / 45%);

    -webkit-box-shadow: 0 0 10px 2px rgb(0 0 0 / 45%);

    box-sizing: content-box;

}





.back_to_signupstep1{

    cursor: pointer;

    position: absolute;

    top: -15px;

    left: 10px;

    float: left;

    width: 34px;

    height: 34px;

    background-image: url(../assets/sprites/backbutton.png);

    background-position: 0 0;

    z-index: 1;

}

.createaccountformholder{

    position: relative;

    float: left;

    width: 100%;



}

.nextbuttonholderparent{

    position: relative;

    width: 392px;

    margin: 0 auto;



}

.textportionholder {

    position: relative;

    float: left;

    width: 100%;

}



#signupformleftcolumn, #signupformmiddlecolumn, #signupformrightcolumn	{

    display:block;

    position:relative;

    float:left;

}

.signupheadline{

    position: relative;

    float: left;

    width: 100%;

    font-family: 'Roboto', sans-serif;

    text-align: center;

    font-size: 14px;

    color: #666666;

    margin-bottom: 20px;

}

.connectwithsignuppage {

    width: 320px;

    height: 130px;

    position: relative;

    margin-top: 15px;

    margin-left: auto;

    margin-right: auto;

    padding-top: 0px;

}

#signupemailcontainer, #signuppasswordcontainer, #signupconfirmpasswordcontainer,

#signupfirstnamecontainer{

    position: relative;

    float: left;

    width: 100%;

}

.step2padding{

    padding-top: 68px;

}

input::-ms-clear, input::-ms-reveal {

    display: none;

}

#showsocialconnectforsignup{

    position: relative;

    float: left;

    width: 100%;

    height: 50px;

}

#showsocialconnectforsignupinner{

    position: absolute;

    top: 0;

    display: -webkit-box;

    -webkit-box-pack: center;

    -webkit-box-align: center;



}

#signupform{

    /*position: relative;*/

    /*float: left;*/

    /*width: 100%;*/



    position: relative;

    display: flex;

    flex-direction: column;

    width: 100%;

}

select:focus {

    outline: none;

}



.create_button_holder{

    position: relative;

    float: left;

    width: 100%;

    display: flex;

    justify-content: flex-end;

}

.signupbuttonholder{

    position: relative;

    float: left;

    width: 100%;

    display: flex;

    justify-content: flex-end;

}

#eu_consent_form_container{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 3;

    background-color: #EEE;

    border-radius: 5px;

    display: flex;

    align-items: center;

    justify-content: center;

}

#eu_consent_form_holder{

    position: relative;

    float: left;

    width: calc(100% - 40px);

    padding: 0 20px;

    display: flex;

    flex-direction: column;

    gap: 10px;

}

#eu_consent_form_header{

    position: relative;

    float: left;

    width: 100%;

    height: 40px;

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    color: #222;

    font-weight: bold;

    display: flex;

    align-items: center;

}

#eu_consent_content{

    position: relative;

    float: left;

    width: 100%;

    height: 20px;

    display: flex;

    align-items: center;

    gap: 10px;

}

.eu_consent_checkbox{

    position: relative;

    float: left;

    cursor: pointer;

}

#eu_consent_text{

    position: relative;

    float: left;

    width: 100%;

    height: 20px;

    font-family: 'Roboto', sans-serif;

    line-height: normal;

    font-weight: normal;

    font-size: 12px;

    color: #222;

    display: flex;

    align-items: center;

    gap: 5px;

}

.eu_consent_links{

    position: relative;

    float: left;

    line-height: normal;

    font-weight: normal;

    font-size: 12px;

    color: #a24242;

}

.eu_consent_links:hover{

    text-decoration: underline;

}

#signupgendercontainer{

    display: block;

    position: relative;

    width: 390px;

    min-height: 33px;

    padding-top: 20px;

    margin: auto;

    padding-bottom: 2px;

    -moz-border-radius: 0.25em;

    -webkit-border-radius: 0.25em;

    border-radius: 0.25em;}



.nextbuttonholder {

    position: relative;

    float: left;

    width: 100%;

    display: flex;

    justify-content: flex-end;

}

.disabled_nextbutton{

    position: relative;

    float: left;

    width: 120px;

    height: 34px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 5px;

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    font-weight: bold;

    background-color: #a24242;

    opacity: .5;

    color: #FFF;

    cursor: unset;

}





.nextbutton{

    position: relative;

    float: left;

    width: 120px;

    height: 34px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 5px;

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    font-weight: bold;

    background-color: #A24242;

    color: #FFF;

    opacity: 1;

    cursor: pointer;

    transition: .3s;

    -webkit-appearance: none;

}

.nextbutton:hover{

    background-color: #aa5055;

}

.nextbutton:active{

    background-color: #8e3237;

}





.previousbuttonholder{

    float: left;

    display: block;

    width: 100px;

    height: 35px;

    margin-top: 10px;

    margin-bottom: 10px;

    margin-left: 58px;

    border: 1px solid #004e9b;

    position: relative;

    -moz-border-radius: 0.30em;

    -webkit-border-radius: 0.30em;

    border-radius: 0.30em;

}

.previousbutton{

    cursor: pointer;

    font-family: 'Roboto', sans-serif;

    font-weight: bold;

    font-size: 15px;

    color: #FFFFFF;

    border: 1px solid #004e9b;

    float: left;

    text-decoration: none;

    width: 100px;

    height: 35px;

    padding-top: 1px;

    padding-bottom: 0px;

    text-align: center;

    background-color: #0066CC;

    position: relative;

    -moz-border-radius: 0em;

    -webkit-border-radius: 0em;

    border-radius: 0em;

    -webkit-appearance: none;

}

.previousbutton:hover{

    background-color: #aa5055;

}

.previousbutton:active{

    background-color: #8e3237;

}

#signupstep1{

    position: relative;

    display: block;

    width: 100%;

    height: 100%;

}

#signupstep2{

    display: none;

    width: 100%;

    height: 100%;

}

#newcaptchacontainer	{

    float: left;

    position: relative;



}

.captchholder{

    position: relative;

    float: left;

    width: 274px;

    height: 70px;

}

.g-recaptcha{

    position: relative;

    float: left;

    -webkit-transform: scale(0.9);

    -moz-transform: scale(0.9);

    -ms-transform: scale(0.9);

    -o-transform: scale(0.9);

    transform: scale(0.9);

    -webkit-transform-origin: 0 0;

    -moz-transform-origin: 0 0;

    -ms-transform-origin: 0 0;

    -o-transform-origin: 0 0;

    transform-origin: 0 0;

}



#signuptermscontainer	{

    display:block;

    width:410px;

    min-height:28px;

    padding-top:8px;

    padding-bottom:4px;

    margin: 0px auto;

}





#signupusernamelabel, #signupemaillabel, #signupconfirmemaillabel, #signuppasswordlabel, #signupconfirmpasswordlabel,

#signupfirstnamelabel, #signupmiddlenamelabel, #signuplastnamelabel, #signupgenderlabel, #signupdateofbirthlabel,

#signupnationalitylabel	{

    display: block;

    float: left;

    margin-top: 2px;

    font-family: 'Roboto', sans-serif;

    font-weight: bold;

    font-size: 16px;

    margin-bottom: 2px;

    color: #666666;

}



#signupusername, #signupemail, #signupconfirmemail, #signuppassword, #signupconfirmpassword{



    display: block;

    position: relative;

    float: left;

    width: 100%;

    padding: 8px 5px;

    margin-bottom: 15px;

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    color: #222222;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    background-color: #f7f7f7;

    border: 1px solid #e5e5e5;

}





#signupfirstname{

    display: block;

    position: relative;

    float: left;

    width: calc(50% - 5px);

    padding: 8px 5px;

    margin-bottom: 15px;

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    color: #222222;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    background-color: #f7f7f7;

    border: 1px solid #e5e5e5;

}

#signuplastname{

    display: block;

    position: relative;

    float: left;

    width: calc(50% - 5px);

    margin-left: 10px;

    padding: 8px 5px;

    margin-bottom: 15px;

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    color: #222222;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    background-color: #f7f7f7;

    border: 1px solid #e5e5e5;

}





#signupgender, #signupnationality	{

    display:block;

    position:relative;

    clear:both;

    width:392px;

    padding:4px;

    height:35px;

    margin-top:4px;

    font-family: 'Roboto', sans-serif;

    font-size:14px;

    color:#222222;

    -moz-border-radius:0.25em;

    -webkit-border-radius:0.25em;

    border-radius:0.25em;

    border: 1px solid #d2d1d1;

    box-shadow: inset 0 0 10px 1px #e2dede;

}



#signupdateofbirth	{

    clear:both;

}



.help{

    cursor: pointer;

    display: inline-block;

    position: relative;

    width:30px;

    height: 30px;

    float: right;

    margin-right: 0px;

    margin-top: 2px;

    background: url(../assets/sprites/icons_redbar.png);

    background-position: -155px -259px;

}

.dobhelptext {

    display: none;

    position: absolute;

    z-index: 999999;

    line-height: 1.4;

    text-align: justify;

    float: right;

    width: 182px;

    height: auto;

    padding: 10px;

    margin-top: -38px;

    margin-top: 15px;

    margin-left: 34px;

    background-color: #FFFFFF;

    font-family: 'Roboto', sans-serif;

    font-size: 12px;

    color: rgba(102, 102, 102, 0.81);

    border: 1px solid #999999;

    -moz-border-radius: 0.25em;

    -webkit-border-radius: 0.25em;

    border-radius: 0.25em;

    box-shadow: 0 0 5px 0.5px rgba(0, 0, 0, .30);

    -moz-box-shadow: 0 0 5px 0.5px rgba(0, 0, 0, .30);

    -webkit-box-shadow: 0 0 5px 0.5px rgba(0, 0, 0, .30);

}

.dobhelptext a{

    font-family: 'Roboto', sans-serif;

    color: #438BC5;



}

.dobhelptext a:hover{



    text-decoration: underline;



}



#signupdateofbirthmonth	{

    display:block;

    position:relative;

    float:left;

    width:100px;

    margin-right:20px;

    padding:4px;

    height:35px;

    font-family: 'Roboto', sans-serif;

    font-size:14px;

    color:#222222;

    border:1px solid #999999;

    -moz-border-radius:0.25em;

    -webkit-border-radius:0.25em;

    border-radius:0.25em;

}



#signupdateofbirthday	{

    display:block;

    position:relative;

    float:left;

    width:92px;

    margin-right:20px;

    padding:4px;

    height:35px;

    font-family: 'Roboto', sans-serif;

    font-size:14px;

    color:#222222;

    border:1px solid #999999;

    -moz-border-radius:0.25em;

    -webkit-border-radius:0.25em;

    border-radius:0.25em;

}



#signupdateofbirthyear	{

    display:block;

    position:relative;

    float:left;

    width:100px;

    padding:4px;

    height:35px;

    font-family: 'Roboto', sans-serif;

    font-size:14px;

    color:#222222;

    border:1px solid #999999;

    -moz-border-radius:0.25em;

    -webkit-border-radius:0.25em;

    border-radius:0.25em;

}

.radiogender{

    width: 85px;

    height: 30px;

    display: block;

    position: relative;

    float: left;

    margin-left: auto;

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    color: #222222;



}

.radio{

    width: 16px;

    height: 16px;

    display: block;

    position: relative;

}

.radiotext{

    display: block;

    position: relative;

    margin-left: 23px;

    margin-top: -15px;

    font-family: 'Roboto', sans-serif;

    font-size: 16px;

    font-weight: bold;

    color: #676872;

}



#signupgender:focus, #signupnationality:focus, #signupdateofbirthmonth:focus, #signupdateofbirthday:focus, #signupdateofbirthyear:focus {

    padding:3px;

    border:2px solid #438BC5;

}

.hidefeedback{

    display: none;

}

.showfeedback{

    display: block;

}

.hidefeedbacktext{

    display: none;

}

.showfeedbacktext{

    display: block;

}



#feedbackholdername{

    position: absolute;

    width: 20px;

    height: 20px;

    top: 7.5px;

    left: 170px;

}



#feedbackholderlastname {

    position: absolute;

    width: 20px;

    height: 20px;

    top: 7.5px;

    right: 5px;

}

#feedbackholderemail{

    position: absolute;

    width: 20px;

    height: 20px;

    top: 7.5px;

    right: 5px;

}

#feedbackholderpass{

    position: absolute;

    width: 20px;

    height: 20px;

    right: 5px;

    top: 7.5px;

}

#feedbackholderconfirmpass{

    position: absolute;

    width: 20px;

    height: 20px;

    right: 5px;

    top: 7.5px;

}

#feedbackholderdob{

    display: block;

    position: relative;

    float: right;

    width: 386px;

    min-height: 22px;

}

#feedbackholdergender{

    display: block;

    position: absolute;

    width: 386px;

    min-height: 22px;

    margin-top: 35px;

}



#signuppasswordfeedback, #signupemailfeedback,   #signupconfirmpasswordfeedback	{

    position: absolute;

    z-index: 2;

    font-family: 'Roboto', sans-serif;

    right: 0px;

    top: 22px;

    width: 160px;

    min-width: 30px;

    min-height: 14px;

    font-size: 12px;

    line-height: 1.2;

    color: #ffffff;

    text-align: left;

    background-color: rgb(34 34 34 / 70%);

    border-radius: 5px;

    padding: 5px;

}

#signuppasswordfeedback a, #signupemailfeedback a,   #signupconfirmpasswordfeedback a	{

    color: #ffffff;

}

#signupfirstnamefeedback{

    position: absolute;

    z-index: 999999999;

    font-family: 'Roboto', sans-serif;

    right: 0px;

    top: 22px;

    width: 160px;

    min-width: 30px;

    min-height: 14px;

    font-size: 12px;

    line-height: 1.2;

    color: #ffffff;

    text-align: left;

    background-color: rgb(34 34 34 / 50%);

    border-radius: 5px;

    padding: 5px;



}



#signuplastnamefeedback{

    position: absolute;

    z-index: 999999999;

    font-family: 'Roboto', sans-serif;

    right: 0px;

    top: 22px;

    width: 160px;

    min-width: 30px;

    min-height: 14px;

    font-size: 12px;

    line-height: 1.2;

    color: #ffffff;

    text-align: left;

    background-color: rgb(34 34 34 / 50%);

    border-radius: 5px;

    padding: 5px;

}



#feedbackpointerconfirmpassword{

    display: none;



}

#feedbackpointeremail{

    display: none;



}

#feedbackpointerpassword{

    display: none;



}

#feedbackpointerdob{

    display: none;



}

#feedbackpointername{

    display: none;



}



#feedbackpointerlastname{

    display: none;

}

#feedbackpointernationality {

    display: none;

}

#feedbackiconemail{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: -10px;

    -webkit-transform: scale(.5);

    -moz-transform: scale(.5);

    -ms-transform: scale(.5);

    -o-transform: scale(.5);

    transform: scale(.5);

}



#feedbackiconconfirmpassword{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    -webkit-transform: scale(.5);

    -moz-transform: scale(.5);

    -ms-transform: scale(.5);

    -o-transform: scale(.5);

    transform: scale(.5);

    right: 37px;

    bottom: 10px;

}



#feedbackiconpassword{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    -webkit-transform: scale(.5);

    -moz-transform: scale(.5);

    -ms-transform: scale(.5);

    -o-transform: scale(.5);

    transform: scale(.5);

    right: 37px;

    bottom: 10px;

}

#feedbackiconname{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: -10px;

    -webkit-transform: scale(.5);

    -moz-transform: scale(.5);

    -ms-transform: scale(.5);

    -o-transform: scale(.5);

    transform: scale(.5);

}



.feedbackiconwrong{

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -40px -320px;



}



.feedbackiconright{

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -40px -280px;

}

#feedbackiconlastname {



    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: -10px;

    -webkit-transform: scale(.5);

    -moz-transform: scale(.5);

    -ms-transform: scale(.5);

    -o-transform: scale(.5);

    transform: scale(.5);

}





#signupusernamefeedback a:hover, #signupemailfeedback a:hover, #signupconfirmemailfeedback a:hover, #signuppasswordfeedback a:hover, #signupconfirmpasswordfeedback a:hover,

#signupfirstnamefeedback a:hover, #signupmiddlenamefeedback a:hover, #signuplastnamefeedback a:hover, #signupgenderfeedback a:hover, #signupdateofbirthfeedback a:hover, #signupnationalityfeedback a:hover	{

    cursor:pointer;

    text-decoration:underline;

}



#signupterms	{

    display:block;

    float:left;

    font-family: 'Roboto', sans-serif;

    font-size:11px;

    text-align:center;

    color:#666666;

    margin-left: 13px;

    margin-top: -10px;

}



#signupterms a	{

    font-family: 'Roboto', sans-serif;

    font-size:11px;

    font-weight:bold;

    color:#438BC5;

}



#signupterms a:hover	{

    cursor:pointer;

    text-decoration:underline;

}



#signupbuttoncontainer	{

    display:block;

    width:302px;

    min-height:30px;

    padding-left:5px;

    padding-right:5px;

    padding-top:2px;

    padding-bottom:2px;

    margin-top:-45px;

    margin-left:5px;

}



.fsignuppage{

    margin-left:5px;

}

.gsignuppage{

    margin-left:40px;

}

.tsignuppage{

    margin-top: 20px;

    margin-left:40px;

}

.lsignuppage{

    margin-top: 20px;

    margin-left:40px;

}



#fbgsignupbuttoncontainer	{

    position: relative;

    float: left;

    width: 100%;

}



.fbloginalternativeimg{

    display:block;

    position:relative;

    width: 125px;

    height: 40px;

    background-image: url(../assets/sprites/icons_redbar.png);

    background-position: 0 -118px;



}

.fbloginalternativeimg:hover{

    display:block;

    position:relative;

    width: 125px;

    height: 40px;



    background-image: url(../assets/sprites/icons_redbar.png);

    background-position: 0 -278px;

}



.fbloginalternativeimg:active {

    display: block;

    position: relative;

    width: 125px;

    height: 40px;

    background-image: url(../assets/sprites/icons_redbar.png);

}



#signupbuttonholder	{

    float:left;

    display:block;

    width:96px;

    height:21px;

    margin-left: 35%;

    border:1px solid #111111;

    position:relative;

    -moz-border-radius:0.40em;

    -webkit-border-radius:0.40em;

    border-radius:0.40em;

}



#signupclearform	{

    display:block;

    float:right;

    font-family: 'Roboto', sans-serif;

    font-size:10px;

    margin-top:20px;

    font-weight:bold;

    color:#438BC5;

    text-align:justify;

}



#signupclearform:hover	{

    cursor:pointer;

    text-decoration:underline;

}





#signupbuttonfeedback	{

    display:block;

    float:left;

    margin-left:5px;

    margin-top:8px;

    margin-bottom:8px;

    font-family: 'Roboto', sans-serif;

    font-size:11px;

    text-align: center;

    color:#CC0000;

}



#recaptcha_area	{

    margin-left:-3px;

}



#recaptcha_response_field {

    border-color: #CC0000 !important; // Text input field border color

}



.connectwithsignuppage {

    width: 312px;

    position: relative;

    margin: 62px auto;

    margin-left: 15px;

}





#signupbuttonholder	{

    float: right;

    display: block;

    width: 130px;

    height: 35px;

    margin-top: 5px;

    margin-bottom: 10px;

    border: 1px solid #004e9b;

    position: relative;

    -moz-border-radius: 0.40em;

    -webkit-border-radius: 0.4em;

    border-radius: 0.4em;

}

.signupturmstext{

    position: relative;

    float: left;

    display: block;

    width: 250px;

    height: auto;

    margin-top: -11px;

    position: relative;

    -moz-border-radius: 0.30em;

}

/*Sign in popup*/









.facebook_text{

    color: #3a5a9a;

    cursor: pointer;

}

.signinsignuperror{

    display: none;

    position: relative;

    float: left;

    width: 100%;

}

.signinsignuperrormessageholder{

    position: relative;

    display: table;

    width: calc(100% - 70px);

    margin: 10px auto;

    padding: 10px;

    background-color: #FFFFFF;

    border: 1px solid #cfcfcf;

    -webkit-box-shadow: 0 5px 20px -10px black;

    -moz-box-shadow: 0 5px 20px -10px black;

    box-shadow: 0 5px 20px -10px black;

    -webkit-border-radius: .40em;

    -moz-border-radius: .40em;

    border-radius: .40em;

    color: #333333;

}

.signinsignuperrormessage{

    width: 100%;

    margin-top: 5px;

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 5px;

}

.whydoineedtosignintextholder{

    position: relative;

    float: left;

    width: 100%;

    margin-top: 7px;

}

.whydoineedtosignintitleandtextholder{

    position: relative;

    float: left;



}

.whydoineedtosignintitle{

    position: relative;

    float: left;

    width: 100%;

    font-family: 'Roboto', sans-serif;

    line-height: 20px;

    text-align: center;

    font-weight: bold;

    font-size: 14px;

    border-bottom: 1px solid #e5e5e5;

    color: #666666;

}

.connectwithforsigninpage{

    position: relative;

    float: left;

    width: 100%;

    height: 100px;

    overflow: hidden;

}

#fbsigninbuttonholder, #gsigninbuttonholder{

    position: relative;

    float: left;

    margin: 0 5px;

}

.whydoineedtosignintext{

    position: relative;

    float: left;

    width: 100%;

    font-family: 'Roboto', sans-serif;

    margin-top: 5px;

    text-align: center;

    font-weight: normal;

    font-size: 12px;

    color: #666666;

}

.signinheadlineholder{

    display: block;

    position: relative;

    float: left;

    width: 100%;

}





.gbutton{

    display:block;

    position:relative;

    width: 125px;

    height: 40px;



    background-image: url(../assets/sprites/icons_redbar.png);

    background-position: 0 -238px;

}



.gbutton:hover{

    display:block;

    position:relative;

    width: 125px;

    height: 40px;



    background-image: url(../assets/sprites/icons_redbar.png);

    background-position: 0 -398px;

}





.gbutton:active{

    display:block;

    position:relative;

    width: 125px;

    height: 40px;



    background-image: url(../assets/sprites/icons_redbar.png);

    background-position: 0 -558px;

}



#tsigninbuttonholder {

    position: relative;

    float: left;

    margin: 0 5px;

}



.tbutton{

    display:block;

    position:relative;

    width: 125px;

    height: 40px;



    background-image: url(../assets/sprites/icons_redbar.png);

    background-position: 0 -158px;

}



.tbutton:hover{

    display:block;

    position:relative;

    width: 125px;

    height: 40px;



    background-image: url(../assets/sprites/icons_redbar.png);

    background-position: 0 -318px;

}





.tbutton:active{

    display:block;

    position:relative;

    width: 125px;

    height: 40px;



    background-image: url(../assets/sprites/icons_redbar.png);

    background-position: 0 -478px;

}



#lsigninbuttonholder {

    float: right;

    display: block;

    margin-top: -40px;

    margin-left: -1px;

    width: 125px;

    height: 40px;

    margin-right: -20%;

    position: relative;

    cursor: pointer;

}



.lbutton{

    display:block;

    position:relative;

    width: 125px;

    height: 40px;



    background-image: url(../assets/sprites/icons_redbar.png);

    background-position: 0 -198px;

}



.lbutton:hover{

    display:block;

    position:relative;

    width: 125px;

    height: 40px;



    background-image: url(../assets/sprites/icons_redbar.png);

    background-position: 0 -358px;

}





.lbutton:active{

    display:block;

    position:relative;

    width: 125px;

    height: 40px;



    background-image: url(../assets/sprites/icons_redbar.png);

    background-position: 0 -518px;

}



#signindropdownwrapper	{

    display:block;

    position:fixed;

    height:100%;

    width:100%;

    z-index:888888;

    top:40px;



}



#signindropdowncontainer	{

    height:100%;

    width:100%;

    margin-left:auto;

    margin-right:auto;



}



.hidesignin{

    display: none !important;

}



.close{

    cursor: pointer;

    position: absolute;

    top: 0;

    right: 0;

    z-index: 9999999;

    width: 40px;

    height: 40px;

    background: url(../assets/spritesv2/common.png); background-size: 360px 800px;

    background-position: -40px -360px;

    transition: background-color .3s ease-in-out;

    border-radius: 50%;

    overflow: hidden;

}

.close:hover{

    background-color: #dddddd;

}

.close:active{

    background-color: #bcbec0;

}





.signinformholder{

    position: relative;

    float: left;

    width: 100%;

}

#signindropdown {

    position: relative;

    float: left;

    width: 100%;

    max-width: 405px;

    /*height: 450px;*/

    background-color: #FFFFFF;

    padding: 20px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    box-shadow: 0 0 10px 2px rgb(0 0 0 / 45%);

    -moz-box-shadow: 0 0 10px 2px rgb(0 0 0 / 45%);

    -webkit-box-shadow: 0 0 10px 2px rgb(0 0 0 / 45%);

}



#signinform	{

    /*position: relative;*/

    /*float: left;*/

    /*width: 100%;*/



    position: relative;

    display: flex;

    flex-direction: column;

    width: 100%;

}



#signinemailtitle, #signinpasswordtitle	{

    font-family: 'Roboto', sans-serif;

    font-weight:bold;

    font-size:16px;

    color:#666666;

}

.signinwithholder{

    margin-top: 25px;

    margin-bottom: -25px;

}

.signinwith{

    font-family: 'Roboto', sans-serif;

    text-align: center;



    font-size:16px;

    color:#666666;

}

.signinheadline {

    position: relative;

    float: left;

    width: 100%;

    font-family: 'Roboto', sans-serif;

    text-align: center;

    font-size: 14px;

    color: #666666;

    margin-bottom: 20px;

}

#signinemail, #signinpassword	{

    display: block;

    position: relative;

    float: left;

    width: 100%;

    padding: 8px 5px;

    margin-bottom: 15px;

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    color: #222222;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    background-color: #f7f7f7;

    border: 1px solid #e5e5e5;

}







#signindropdownsettings	{

    position: relative;

    float: left;

}



#signinkeeploggedincheckbox	{

    position: relative;

    float: left;

}



#signinkeeploggedin	{

    cursor: pointer;

    position: relative;

    float: left;

    /*margin: 2px 0;*/

    margin-left: 10px;

    font-family: 'Roboto', sans-serif;

    font-size: 11px;

    font-weight: bold;

    color: #666666;

}



#signinrecover{

    cursor: pointer;

    position: relative;

    float: left;

    clear: left;

    margin-top: 5px;

    font-family: 'Roboto', sans-serif;

    font-size: 11px;

    font-weight: bold;

    color: #a24242;

}



#signinrecover:hover	{

    cursor:pointer;

    text-decoration:underline;

}



#signinbuttonholder	{

    position: relative;

    float: right;

}



#signinbuttonalternative {

    cursor: pointer;

    font-family: 'Roboto', sans-serif;

    font-weight: normal;

    font-size: 18px;

    color: #FFFFFF;

    float: right;

    text-decoration: none;

    width: 100px;

    height: 33px;

    padding-bottom: 0px;

    text-align: center;

    background-color: #a24242;

    position: relative;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    -webkit-appearance: none;

    transition: background-color .3s ease-in-out;

}

#signinbuttonalternative:hover, #signinbutton:hover{

    background-color: #aa5055;

}

#signinbuttonalternative:active, #signinbutton:active{

    background-color: #8e3237;

}



#signinbutton	{

    cursor: pointer;

    font-family: 'Roboto', sans-serif;

    font-weight: normal;

    font-size: 18px;

    color: #FFFFFF;

    float: right;

    text-decoration: none;

    width: 100px;

    height: 33px;

    padding-bottom: 0px;

    text-align: center;

    background-color: #a24242;

    position: relative;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    -webkit-appearance: none;

}











.connectwith{

    position: relative;

    float: left;

    margin-right: 3px;

}







.connectwithtext{

    position: relative;

    float: left;

    font-family: 'Roboto', sans-serif;

    text-align: center;

    font-size: 14px;

    color: #666666;

    margin: 12px 0;

    margin-right: 10px;



}





.termsandprivacypolicy {

    position: relative;

    float: left;

    width: 100%;

    font-family: 'Roboto', sans-serif;

    line-height: 16px;

    font-size: 12px;

    color: #666666;

    margin-top: 10px;

}

.connectwithtext a{

    font-family: 'Roboto', sans-serif;

    color:#438BC5;

    font-weight: normal;

}



.termsandprivacypolicy a{

    font-family: 'Roboto', sans-serif;

    color: #444444;

    font-weight: bold;

}

.connectwithtext a:hover{



    text-decoration: underline;

    font-weight: normal;

}



.termsandprivacypolicy a:hover{

    text-decoration: underline;

    font-weight: bold;

}

.connectwithtext a:active{

    color: #004e9b;

    text-decoration: underline;

    font-weight: normal;

}



.termsandprivacypolicy a:active{



    color: #004e9b;

    text-decoration: underline;

    font-weight: normal;

}

.textportion{

    position: relative;

    float: left;

    width: 100%;

}





.tholder{

    margin-left: 8px;

    margin-bottom: 8px;

    float: left;

    cursor: pointer;

}







.lholder{

    margin-right: 8px;

    margin-bottom: 8px;

    float: right;

    cursor: pointer;

}



.fconnecticon{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: -1px -3px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -40px 0px;

    -webkit-transform: scale(.8);

    -moz-transform: scale(.8);

    -ms-transform: scale(.8);

    -o-transform: scale(.8);

    transform: scale(.8);

}

.fconnecttext{

    position: relative;

    float: left;

    font-family: 'Roboto', sans-serif;

    font-size: 13px;

    color: #666666;

    margin: 11px 0;

}







.consent_button{

    margin-left: auto;

    margin-right: auto;

    cursor: pointer;

}



.fconnect_disable{

    cursor: not-allowed;

    display:block;

    position:relative;

    width: 125px;

    height: 40px;

    background-image: url(../assets/sprites/new_social_login_button.png);

    background-position: 0 -120px;

}



.gconnecticon{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: -1px -3px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -40px -40px;

    -webkit-transform: scale(.8);

    -moz-transform: scale(.8);

    -ms-transform: scale(.8);

    -o-transform: scale(.8);

    transform: scale(.8);

}

.gconnecttext{

    position: relative;

    float: left;

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    color: #666666;

    margin: 11px 0;

}



.gconnect_disable{

    cursor: not-allowed;

    display:block;

    position:relative;

    width: 125px;

    height: 40px;

    background-image: url(../assets/sprites/new_social_login_button.png);

    background-position: 0 -280px;

}



.signinothersocialloginbuttonoption{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: 0 5px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -40px -440px;

    border: 1px solid #E5E5E5;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    transition: background-color .3s;

    -webkit-transform: scale(.9);

    -moz-transform: scale(.9);

    -ms-transform: scale(.9);

    -o-transform: scale(.9);

    transform: scale(.9);

}

.signinothersocialloginbuttonoption:hover{

    cursor: pointer;

    background-color: #F6F6F6;

}



.connectwithforsigninpagebasic{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100px;

    display: -ms-flexbox;

    -ms-flex-pack: center;

    -ms-flex-align: center;

    display: -moz-box;

    -moz-box-pack: center;

    -moz-box-align: center;

    display: -webkit-box;

    -webkit-box-pack: center;

    -webkit-box-align: center;

    display: box;

    box-pack: center;

    box-align: center;

}

.connectwithforsigninpageothers{

    position: absolute;

    left: 100%;

    top: 0;

    width: 100%;

    height: 100px;

    display: -ms-flexbox;

    -ms-flex-pack: center;

    -ms-flex-align: center;

    display: -moz-box;

    -moz-box-pack: center;

    -moz-box-align: center;

    display: -webkit-box;

    -webkit-box-pack: center;

    -webkit-box-align: center;

    display: box;

    box-pack: center;

    box-align: center;

}



.backtobasicbutton, .backtoothersbutton{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    /*margin: 0 5px;*/

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -40px -400px;

    border: 1px solid #E5E5E5;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    transition: background-color .3s;

    -webkit-transform: scale(.9);

    -moz-transform: scale(.9);

    -ms-transform: scale(.9);

    -o-transform: scale(.9);

    transform: scale(.9);

}

.backtobasicbutton:hover, .backtoothersbutton:hover{

    cursor: pointer;

    background-color: #F6F6F6;

}



#ysigninbuttonholder{

    position: relative;

    float: left;

    /*margin: 0 5px;*/

    margin-left: 5px;

}

.socialsigninbuttonholder{

    position: relative;

    float: left;

    width: 98px;

    height: 36px;

    border: 1px solid #E5E5E5;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    transition: background-color .3s;

}

.socialsigninbuttonholder:hover{

    cursor: pointer;

    background-color: #F6F6F6;

}

.yconnecticon{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -40px -80px;

    -webkit-transform: scale(.8);

    -moz-transform: scale(.8);

    -ms-transform: scale(.8);

    -o-transform: scale(.8);

    transform: scale(.8);

    transform-origin: left;

    margin: -2px 0 0 2px;

}



.yconnecttext{

    position: relative;

    float: left;

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    color: #666666;

    margin: 11px 0;

}



#lisigninbuttonholder{

    position: relative;

    float: left;

    /*margin: 0 5px;*/

    margin-right: 5px;

}

#msigninbuttonholder{

    position: relative;

    float: left;

    margin: 0 5px;

}

#tiktoksigninbuttonholder{

    position: relative;

    float: left;

    margin: 0 5px;

}

.lconnecticon{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: -1px -3px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -40px -120px;

    -webkit-transform: scale(.8);

    -moz-transform: scale(.8);

    -ms-transform: scale(.8);

    -o-transform: scale(.8);

    transform: scale(.8);



}

.lconnecttext{

    position: relative;

    float: left;

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    color: #666666;

    margin: 11px 0;

}





#psigninbuttonholder{

    position: relative;

    float: left;

    margin: 0 5px;

}

.pconnecticon{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: -1px -3px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -40px -160px;

    -webkit-transform: scale(.8);

    -moz-transform: scale(.8);

    -ms-transform: scale(.8);

    -o-transform: scale(.8);

    transform: scale(.8);



}

.pconnecttext{

    position: relative;

    float: left;

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    color: #666666;

    margin: 11px 0;

}



.connectwithforsigninpageothersmore{

    position: absolute;

    left: 100%;

    top: 0;

    width: 100%;

    height: 100px;

    display: -ms-flexbox;

    -ms-flex-pack: center;

    -ms-flex-align: center;

    display: -moz-box;

    -moz-box-pack: center;

    -moz-box-align: center;

    display: -webkit-box;

    -webkit-box-pack: center;

    -webkit-box-align: center;

    display: box;

    box-pack: center;

    box-align: center;

}

.gotomorebutton{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    /*margin: -5px;*/

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -40px -440px;

    border: 1px solid #E5E5E5;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    transition: background-color .3s;

    -webkit-transform: scale(.9);

    -moz-transform: scale(.9);

    -ms-transform: scale(.9);

    -o-transform: scale(.9);

    transform: scale(.9);

}

.gotomorebutton:hover{

    cursor: pointer;

    background-color: #F6F6F6;

}

.tconnecticon{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: -1px -3px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -40px -200px;

    -webkit-transform: scale(.8);

    -moz-transform: scale(.8);

    -ms-transform: scale(.8);

    -o-transform: scale(.8);

    transform: scale(.8);

}

.tconnecttext{

    position: relative;

    float: left;

    font-family: 'Roboto', sans-serif;

    font-size: 13px;

    color: #666666;

    margin: 12px 0;

}

.msigninbuttonholder{

    position: relative;

    float: left;

    margin: 0 5px;

}

.mconnecticon{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: -1px -3px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -40px -240px;

    -webkit-transform: scale(.8);

    -moz-transform: scale(.8);

    -ms-transform: scale(.8);

    -o-transform: scale(.8);

    transform: scale(.8);

}

.mconnecttext{

    position: relative;

    float: left;

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    color: #666666;

    margin: 11px 0;

}



.tiktokconnecticon{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin: -1px -3px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -80px -320px;

    -webkit-transform: scale(.8);

    -moz-transform: scale(.8);

    -ms-transform: scale(.8);

    -o-transform: scale(.8);

    transform: scale(.8);

}

.tiktokconnecttext{

    position: relative;

    float: left;

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    color: #666666;

    margin: 11px 0;

}



.togglepasswordview {

    cursor: pointer;

    visibility: visible;

    position: absolute;

    float: left;

    width: 20px;

    height: 20px;

    top: 58px;

    right: 10px;

    z-index: 1;

    -webkit-touch-callout: none; /* Prevents long tap context menu */

    -webkit-user-select: none;   /* Prevents selection on tap */

    user-select: none;

}

.passwordshown{

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -0 -480px;

}

.passwordhidden{

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -0 -500px;

}

.signuppasswordtoggle {

    top: 8px;

}



/*User interest*/





.indexuserinterestbarbackground{

    position: fixed;

    top: 50px;

    left: 0px;

    width: 100%;

    height: calc(100% - 50px);

    background-color: rgba(17, 17, 17, 0.7);

    z-index: 201;

}

.userinterestouterholder{

    display: block;

    position: fixed;

    height: calc(100% - 50px);

    width: 100%;

    z-index: 999999;

    top: 50px;

}



.usersinterestouter{

    position: relative;

    width: calc(100% - 100px);

    max-width: 800px;

    background-color: #FFFFFF;

    border-radius: 5px;

    margin: 0 auto;

    padding-bottom: 50px;

    margin-top: 100px;

    height: calc(100% - 250px);

    overflow: hidden;

    box-shadow: 0 0px 10px -5px black;

}

.interestclosebutton{

    position: absolute;

    top: 5px;

    right: 5px;

    width: 40px;

    height: 40px;

    cursor: pointer;

    background-image: url(../assets/sprites/closepopup.png);

    background-position: 0 0;

}

.userintereststitle{

    position: relative;

    float: left;

    width: calc(100% - 60px);

    padding: 0px 30px;

    margin-top: 20px;

    font-family: 'Roboto', sans-serif;

    font-weight: bold;

    font-size: 16px;

    color: #333333;

}

.userinterestssubtitle{

    position: relative;

    float: left;

    width: calc(100% - 60px);

    padding: 10px 30px;

    font-family: 'Roboto', sans-serif;

    font-weight: bold;

    font-size: 12px;

    color: #666666;

}

.userinterestholder{

    position: relative;

    float: left;

    width: 100%;

    height: calc(100% - 73px);

    overflow: auto;

    text-align: center;

}



.usersinterestinner{

    position: relative;

    float: left;

    width: calc(100% - 30px);

    margin: 0px 15px;

    margin-top: 7px;

    display: grid;

    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));

}

.usersinteresttitle{

    position: relative;

    float: left;

    width: calc(100% - 30px);

    margin-left: 30px;

    font-family: 'Roboto', sans-serif;

    text-align: left;

    font-size: 20px;

    font-weight: bold;

    color: #444444;

    margin-bottom: 10px;

}

.usersinterestinstraction{

    position: relative;

    float: left;

    width: calc(100% - 30px);

    margin-left: 30px;

    font-family: 'Roboto', sans-serif;

    text-align: left;

    font-size: 12px;

    font-weight: normal;

    color: #999999;

    margin-bottom: 25px;

}

.interestedtopics{

    position: relative;

    float: left;

    width: calc(100% - 30px);

    background-color: #FFFFFF;

    margin: 0 15px 30px 15px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    overflow: hidden;

    cursor: pointer;

}

.interestedtopicschecked{

    position: relative;

    float: left;

    width: calc(100% - 30px);

    background-color: #FFFFFF;

    margin: 0 15px 30px 15px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    cursor: pointer;

}



.categoryinterest{

    position: relative;

    float: left;

    width: 100%;

    height: auto;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    -webkit-transition: 0.5s ease-in-out;

    -webkit-transition: all 1s ease-in-out;

    -moz-transition: all 1s ease-in-out;

    -ms-transition: all 1s ease-in-out;

    -o-transition: all 1s ease-in-out;

    transition: all 1s ease-in-out;

}

.interestedtopicname{

    position: absolute;

    top: 10px;

    left: 10px;

    font-family: 'Roboto', sans-serif;

    font-size: 12px;

    font-weight: bold;

    color: #FFFFFF;

    z-index: 1;



}





.transparentinterest{

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0px;

    left: 0px;

    -webkit-transition: opacity .5s;

    -moz-transition: opacity .5s;

    -ms-transition: opacity .5s;

    -o-transition: opacity .5s;

    transition: opacity .5s;

    background-image: -moz-linear-gradient(-90deg, rgb(0 0 0 / 70%) 0%, rgb(0 0 0 / 70%) 100%);

    background-image: -webkit-linear-gradient(-90deg, rgb(0 0 0 / 70%) 0%, rgb(0 0 0 / 70%) 100%);

    background-image: -ms-linear-gradient(-90deg, rgb(0 0 0 / 70%) 0%, rgb(0 0 0 / 70%) 100%);

    opacity: .3;

}

.transparentinterestchecked{

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0px;

    left: 0px;

    background-image: -moz-linear-gradient(-90deg, rgb(0 0 0 / 100%) 0%, rgb(0 0 0 / 70%) 100%);

    background-image: -webkit-linear-gradient(-90deg, rgb(0 0 0 / 100%) 0%, rgb(0 0 0 / 70%) 100%);

    background-image: -ms-linear-gradient(-90deg, rgb(0 0 0 / 70%) 100%, rgb(0 0 0 / 70%) 100%);

    opacity: .3;

}

.interestedtopics:hover .transparentinterest, .interestedtopics:hover .transparentinterestchecked{

    opacity: .8;

}

.interestedtopics:hover .categoryinterest{

    transform: scale(1.1);

}

.interestcheckbox{

    display: none;

}



.interestcheckedbox {

    position: absolute;

    right: 10px;

    bottom: 10px;

    width: 28px;

    height: 28px;

    background-image: url("../assets/sprites/icons_setting.png");

    background-position: 0px -46px;

    background-size: 104px 78px;

    z-index: 1;

}

.interestedtopicschecked::before{

    content: "";

    width: calc(100% + 10px);

    height: calc(100% + 10px);

    position: absolute;

    top: -7px;

    left: -7px;

    background-color: #FFFFFF;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    border: 2px solid #A24242;

}

.userinterestsubmitholder{

    position: absolute;

    left: 0;

    bottom: 0px;

    width: 100%;

    height: 35px;

    padding: 10px 0;

    text-align: center;

    background: #dddddd;

}

#settingsformholder .userinterestsubmitholder{

    position: relative;

    float: left;

    background: transparent;

    margin-top: 20px;

    left: unset;

    bottom: unset;

}



.userinterestsubmit{

    position: relative;

    margin: 0 auto;

    min-width: 100px;

    padding: 10px;

    appearance: none;

    cursor: pointer;

    background-color: #A24242;

    box-sizing: unset;

    border-radius: 5px;

    border: none;

}



/* Logged in Drop Down Menu */



.hideforbigscreen{

    display: none;

}

.loggeduser{

    display: block;

    position: relative;

    width: 40px;

    height: 40px;

    float: left;

    background: url(../assets/spritesv2/common.png); background-size: 360px 800px;

    background-position: -240px 0;

    -webkit-transform: scale(.8);

    -moz-transform: scale(.8);

    -ms-transform: scale(.8);

    -o-transform: scale(.8);

    transform: scale(.7);

}

#loggedindropdownmenu{

    position: relative;

    display: block;

}

.loggedmessage{

    display: block;

    position: relative;

    width: 40px;

    height: 40px;

    float: left;

    background: url(../assets/spritesv2/common.png); background-size: 360px 800px;

    background-position: -240px -200px;

    -webkit-transform: scale(.8);

    -moz-transform: scale(.8);

    -ms-transform: scale(.8);

    -o-transform: scale(.8);

    transform: scale(.7);



}

.loggednotification{

    display: block;

    position: relative;

    width: 40px;

    height: 40px;

    float: left;

    background: url(../assets/spritesv2/common.png); background-size: 360px 800px;

    background-position: -240px -240px;

    -webkit-transform: scale(.8);

    -moz-transform: scale(.8);

    -ms-transform: scale(.8);

    -o-transform: scale(.8);

    transform: scale(.7);



}

.loggedlistmanager{

    display: block;

    position: relative;

    width: 40px;

    height: 40px;

    float: left;

    background: url(../assets/spritesv2/common.png); background-size: 360px 800px;

    background-position: -240px -40px;

    -webkit-transform: scale(.8);

    -moz-transform: scale(.8);

    -ms-transform: scale(.8);

    -o-transform: scale(.8);

    transform: scale(.7);



}

.loggedsetting{

    display: block;

    position: relative;

    width: 40px;

    height: 40px;

    float: left;

    background: url(../assets/spritesv2/common.png); background-size: 360px 800px;

    background-position: -240px -80px;

    -webkit-transform: scale(.8);

    -moz-transform: scale(.8);

    -ms-transform: scale(.8);

    -o-transform: scale(.8);

    transform: scale(.7);

}



.loggedadmin{

    display: block;

    position: relative;

    width: 40px;

    height: 40px;

    float: left;

    background: url(../assets/spritesv2/common.png); background-size: 360px 800px;

    background-position: -120px -640px;

    -webkit-transform: scale(.8);

    -moz-transform: scale(.8);

    -ms-transform: scale(.8);

    -o-transform: scale(.8);

    transform: scale(.7);

}



.loggedinviteicon{

    display: block;

    position: relative;

    width: 40px;

    height: 40px;

    float: left;

    background: url(../assets/spritesv2/common.png); background-size: 360px 800px;

    background-position: -240px -120px;

    -webkit-transform: scale(.8);

    -moz-transform: scale(.8);

    -ms-transform: scale(.8);

    -o-transform: scale(.8);

    transform: scale(.7);





}

.loggedsignout{

    display: block;

    position: relative;

    width: 40px;

    height: 40px;

    float: left;

    background: url(../assets/spritesv2/common.png); background-size: 360px 800px;

    background-position: -240px -160px;

    -webkit-transform: scale(.8);

    -moz-transform: scale(.8);

    -ms-transform: scale(.8);

    -o-transform: scale(.8);

    transform: scale(.7);

}



#loggedindropdownwrapper	{

    display:none;

    position:fixed;

    height:0px;

    width:100%;

    z-index:999998;

    top:41px;

}



#loggedindropdowncontainer	{

    position: relative;

    height:0;

    width:calc(100% - 20px);

    margin-left:auto;

    margin-right:auto;

}



#loggedindropdown	{

    display: block;

    position: relative;

    float: right;

    width: 170px;

    padding-top: 9px;

    background-color: #ffffff;

    -moz-border-radius-bottomleft: 5px;

    -webkit-border-bottom-left-radius: 5px;

    border-bottom-left-radius: 5px;

    -moz-border-radius-bottomright: 5px;

    -webkit-border-bottom-right-radius: 5px;

    border-bottom-right-radius: 5px;

    overflow: hidden;

    -webkit-box-shadow: 0 1px 20px -6px black;

    -moz-box-shadow: 0 1px 20px -6px black;

    box-shadow: 0 1px 20px -6px black;

    -moz-border-radius-bottomleft: 0.40em;

}





.loggedindropdownitem	{

    display: block;

    position: relative;

    float: left;

    width: 100%;



}

.loggedindropdownitemholder{

    position: relative;

    float: left;

    width: 100%;

}



.loggedindropdownitem:hover	{

    cursor:pointer;

    background-color: #EEE;

}



.loggedindropdownimage	{

    display:block;

    position:relative;

    float:left;

    margin-top:2px;

    margin-right:8px;

}



.loggedindropdowntext	{

    display: block;

    position: relative;

    float: left;

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    margin: 13px 0;

    margin-left: 5px;

    color: #666666;

}



/*Password Strangth*/



#passwordstrength	{

    position: absolute;

    z-index: 1;

    width: 100%;

    height: 2px;

    left: 0;

    top: 34px;

    text-align: center;

    font-family: 'Roboto', sans-serif;

    font-size: 11px;

    font-weight: bold;

    -webkit-border-bottom-left-radius: 3px;

    -webkit-border-bottom-right-radius: 3px;

    border-bottom-left-radius: 3px;

    border-bottom-right-radius: 3px;

}





.passwordstrengthtext{

    display: block;

    position: relative;

    float: right;

    margin-top: -22px;

    margin-right: 54px;

}

.settingpasswordstrengthtext{

    display: block;

    position: relative;

    float: right;

    margin-top: -22px;

    margin-right: 25px;

}







#settingsnewpasswordstrength{

    position: absolute;

    width: calc(100% - 30px);

    height: 2px;

    bottom: 24px;

}

#settingschangepasswordform #settingsnewpasswordstrength{

    position: absolute;

    width: calc(100% - 30px);

    height: 2px;

    bottom: 24px;

}

#settingsnewpasswordcontainer #passwordstrength	{

    position: relative;

    z-index: 9990;

    float: left;

    width: 100%;

    height: 2px;

    left: unset;

    top: unset;

    text-align: center;

    font-family: 'Roboto', sans-serif;

    font-size: 11px;

    font-weight: bold;

}



#settingsnewpasswordcontainer .passwordstrengthtext{

    display: block;

    position: relative;

    float: right;

    margin-top: -23px;

    margin-right: 10px;

    font-family: 'Roboto', sans-serif;

    font-weight: normal;

    font-size: 10px;

}

#settingsnewpasswordcontainer .settingpasswordstrengthtext{

    display: block;

    position: relative;

    float: right;

    margin-top: -22px;

    margin-right: 25px;

}



.passwordstrengthveryweak	{

    background-color:#BB0000;

    color:#BB0000;

}



.passwordstrengthweak	{

    background-color:#E88B00;

    color:#E88B00;

}



.passwordstrengthmedium	{

    background-color:#FFCC00;

    color:#FFCC00;

}



.passwordstrengthstrong	{

    background-color:#33CC00;

    color:#33CC00;

}



.passwordstrengthverystrong	{

    background-color:#009933;

    color:#009933;

}



/*Popup msg*/



#popupmessagebackground	{

    position: fixed;

    height: calc(100% - 50px);

    width: 100%;

    z-index: 999997;

    top: 50px;

    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;

}



#popupmessagewrapper	{

    position: fixed;

    height: calc(100% - 50px);

    width: 100%;

    z-index: 999998;

    top: 50px;

}



#popupmessage	{

    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;

}



#popupmessageclose	{

    position: absolute;

    top: 5px;

    right: 5px;

    width: 40px;

    height: 40px;

    cursor: pointer;

    background-image: url(../assets/sprites/closepopup.png);

    background-position: 0 0;

    z-index: 1;

    text-indent: -99999px;

}







#popupmessagetitle	{

    position: relative;

    float: left;

    width: 100%;

    font-family: 'Roboto', sans-serif;

    font-size: 16px;

    font-weight: bold;

    color: #444444;

    margin-top: 10px;

}



#popupmessagetext, #popupmessagetext ul, #popupmessagetext ul li, #popupmessagetext a	{

    position: relative;

    float: left;

    width: 100%;

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    line-height: 18px;

    margin-top: 10px;

    color: #666666;

    text-align: justify;

}



#popupmessagetext ul li	{

    margin-bottom:5px;

}



#popupmessagetext a	{

    color:#2C638F;

    cursor:pointer;

}



#popupmessagetext a:hover	{

    color:#2C638F;

    cursor:pointer;

    text-decoration:underline;

}



#popupmessagebuttoncontainer	{

    position: relative;

    width: 100%;

    text-align: center;

}



#popupmessagebutton	{

    position: relative;

    width: 80px;

    padding: 5px 0;

    margin: 10px 0;

    background-color: #A24242;

    color: #FFFFFF;

    border-radius: 3px;

    cursor: pointer;

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    -webkit-appearance: none;

}





#popupmessagesharebuttonholder {

    display: block;

    width: 389px;

    height: 50px;

    margin-left: auto;

    margin-right: auto;

    margin-top: 15px;

    position: relative;

}

#popupshare-facebook {

    margin-left: 6px;

    width: 30px;

    height: 30px;

    background-image: url(../assets/nav/social_icon_share_mini.png);

    background-size: 480px 90px;

    background-repeat: no-repeat;

    display: inline-block;

    background-position: 0px 0px;

}

#popupshare-twitter {

    margin-left: 6px;

    width: 30px;

    height: 30px;

    background-image: url(../assets/nav/social_icon_share_mini.png);

    background-size: 480px 90px;

    background-repeat: no-repeat;

    display: inline-block;

    background-position: -30px 0px;

}

#popupshare-linkedin {

    margin-left: 6px;

    width: 30px;

    height: 30px;

    background-image: url(../assets/nav/social_icon_share_mini.png);

    background-size: 480px 90px;

    background-repeat: no-repeat;

    display: inline-block;

    background-position: -60px 0px;

}

#popupshare-myspace {

    margin-left: 6px;

    width: 30px;

    height: 30px;

    background-image: url(../assets/nav/social_icon_share_mini.png);

    background-size: 480px 90px;

    background-repeat: no-repeat;

    display: inline-block;

    background-position: -150px 0px;

}

#popupshare-reddit {

    margin-left: 6px;

    width: 30px;

    height: 30px;

    background-image: url(../assets/nav/social_icon_share_mini.png);

    background-size: 480px 90px;

    background-repeat: no-repeat;

    display: inline-block;

    background-position: -180px 0px;

}

#popupshare-stumbleupon {

    margin-left: 6px;

    width: 30px;

    height: 30px;

    background-image: url(../assets/nav/social_icon_share_mini.png);

    background-size: 480px 90px;

    background-repeat: no-repeat;

    display: inline-block;

    background-position: -210px 0px;

}

#popupshare-tumblr {

    margin-left: 6px;

    width: 30px;

    height: 30px;

    background-image: url(../assets/nav/social_icon_share_mini.png);

    background-size: 480px 90px;

    background-repeat: no-repeat;

    display: inline-block;

    background-position: -270px 0px;

}

#popupshare-vk {

    margin-left: 6px;

    width: 30px;

    height: 30px;

    background-image: url(../assets/nav/social_icon_share_mini.png);

    background-size: 480px 90px;

    background-repeat: no-repeat;

    display: inline-block;

    background-position: -330px 0px;

}

#popupshare-pinterest {

    margin-left: 6px;

    width: 30px;

    height: 30px;

    background-image: url(../assets/nav/social_icon_share_mini.png);

    background-size: 480px 90px;

    background-repeat: no-repeat;

    display: inline-block;

    background-position: -90px 0px;

}





/*Rubel*/

body{

    margin: 0px;

}

#msgpopupbackground	{

    position: fixed;

    height: calc(100% - 50px);

    width: 100%;

    z-index: 999997;

    top: 50px;

    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;

}



#msgpopupwrapper	{

    position: fixed;

    height: calc(100% - 50px);

    width: 100%;

    z-index: 999998;

    top: 50px;

}



.msgpopupholder {

    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;

}



#msgpopupclose	{

    position: absolute;

    top: 5px;

    right: 5px;

    width: 40px;

    height: 40px;

    cursor: pointer;

    background-image: url(../assets/sprites/closepopup.png);

    background-position: 0 0;

    z-index: 1;

}





.popupmessagetext{

    position: relative;

    float: left;

    width: 100%;

    font-family: 'Roboto', sans-serif;

    font-size: 16px;

    font-weight: bold;

    color: #444444;

    margin-top: 10px;

}

.confirmbuttonholder{

    position: relative;

    width: 100%;

    text-align: center;

}

.recoverbutton{

    position: relative;

    display: inline-block;

    margin: 0 10px;

}

.recoveryesbuttontext{

    position: relative;

    width: 80px;

    padding: 5px 0;

    margin: 10px 0;

    background-color: #A24242;

    color: #FFFFFF;

    border-radius: 3px;

    cursor: pointer;

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

}

.recovernobuttontext{

    position: relative;

    width: 80px;

    padding: 5px 0;

    margin: 10px 0;

    background-color: #A24242;

    color: #FFFFFF;

    border-radius: 3px;

    cursor: pointer;

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

}







/*new_after_submit_popup_start*/





.new_after_submit_popup_title_container{

    position: relative;

    float: left;

    width: calc(100% - 620px);

    padding: 0px 10px;

}





.new_after_submit_popup_background{

    display: none;

    position: fixed;

    left: 0px;

    z-index: 99999;

}

.new_after_submit_popup_wrapper{

    position: fixed;

    height: 100%;

    width: 100%;

    top: 50px;

    background: rgba(0, 0, 0, 0.8);

    overflow: hidden;

    text-align: center;

}

.new_after_submit_popup_container{

    text-align: center;





    display: inline-block;

    position: relative;

    width: calc(100% - 20px);

    max-width: 850px;

    background: rgb(0, 0, 0);

    background: #ffffff;

    box-shadow: 0 0 28px -6px black;

    -webkit-box-shadow: 0 0 55px -10px #000000;

    -moz-box-shadow: 0 0 55px -10px #000000;

    box-shadow: 0 0 55px -10px #000000;

    z-index: 99999;

    overflow: hidden;

    top: 100px;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px;

}

.new_after_submit_popup_holder{

    display: inline-block;

    position: relative;

    width: 850px;

    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_after_submit_popup_preview_holder{

    position: relative;

    float: left;

    width: 600px;

    -ms-transform-origin: top left;

    -webkit-transform-origin: top left;

    transform-origin: top left;

}

.new_after_submit_popup_preview_image{

    position: relative;

    float: left;

    width: 600px;

    height: 315px;

}

.new_after_submit_popup_preview_image_loading{

    display: block;

    position: absolute;

    top: 38px;

    left: 0px;

    width: 600px;

    height: 315px;

    z-index: 1;

    -webkit-animation: imagebgcolorchange 2s;

    animation: imagebgcolorchange 2s;

    animation-iteration-count: infinite;

    animation-timing-function: easeInOutExpo;

    -webkit-animation-timing-function: easeInOutExpo;

}

@keyframes imagebgcolorchange {

    from	{

        background: #f5f5f5;

    }

    50%  {

        background: #e5e5e5;

    }

    to  {

        background: #f5f5f5;

    }

}

.new_after_submit_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_after_submit_popup_preview_footer_facebook{

    display: none;

    position: relative;

    float: left;

    width: 600px;

    height: 92px;

    background-color: #f3f4f6;

    background-size: 600px 92px;

    background-position: 0 0;

}

.new_after_submit_popup_preview_footer_facebook .new_after_submit_popup_preview_footer_webaddress{

    position: relative;

    float: left;

    clear: left;

    margin: 10px 0 0 15px;

    font-family: 'Roboto', sans-serif;

    line-height: 100%;

    font-size: 16px;

    color: #666666;

}

.new_after_submit_popup_preview_footer_facebook .new_after_submit_popup_preview_footer_list_name{





    position: relative;

    float: left;

    clear: left;

    margin: 6px 0 0 15px;

    font-family: 'Roboto', sans-serif;

    line-height: 100%;

    font-weight: bold;

    font-size: 19px;

    color: #222222;



    white-space: nowrap;

    max-width: calc(100% - 24px);

    overflow: hidden;

    text-overflow: ellipsis;







}

.new_after_submit_popup_preview_footer_facebook .new_after_submit_popup_preview_footer_see_full_list{





    position: relative;

    float: left;

    max-width: calc(100% - 24px);

    margin: 13px 0 0 15px;

    font-family: 'Roboto', sans-serif;

    line-height: 100%;

    font-size: 17px;

    color: #666666;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;





}

.new_after_submit_popup_preview_footer_list_description{



    position: relative;

    float: left;

    max-width: calc(100% - 24px);

    margin: 13px 0 0 15px;

    font-family: 'Roboto', sans-serif;

    line-height: 100%;

    font-size: 17px;

    color: #666666;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    clear: left;





}



.new_after_submit_popup_preview_footer_facebook .new_after_submit_popup_preview_footer_list_description{





    position: relative;

    float: left;

    max-width: calc(100% - 24px);

    margin: 13px 0 0 15px;

    font-family: 'Roboto', sans-serif;

    line-height: 100%;

    font-size: 17px;

    color: #666666;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    clear: left;





}



.new_after_submit_popup_preview_footer_twitter{

    display: none;

    position: relative;

    float: left;

    width: 600px;

    height: 92px;

    background-color: #f5f9fb;

    background-size: 456px 92px;

    background-position: 0 0;

}



.new_after_submit_popup_preview_footer_twitter .new_after_submit_popup_preview_footer_list_name{





    position: relative;

    float: left;

    clear: left;

    margin: 6px 0 0 15px;

    font-family: 'Roboto', sans-serif;

    line-height: 100%;

    font-weight: bold;

    font-size: 19px;

    color: #222222;



}

.new_after_submit_popup_preview_footer_twitter .new_after_submit_popup_preview_footer_see_full_list{

    display: none;

}

.new_after_submit_popup_preview_footer_twitter .new_after_submit_popup_preview_footer_list_description{







    position: relative;

    float: left;

    max-width: calc(100% - 24px);

    margin: 13px 0 0 15px;

    font-family: 'Roboto', sans-serif;

    line-height: 100%;

    font-size: 17px;

    color: #666666;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    clear: left;

}



.new_after_submit_popup_preview_footer_twitter .new_after_submit_popup_preview_footer_webaddress{



    position: relative;

    float: left;

    clear: left;

    margin: 10px 0 0 15px;

    font-family: 'Roboto', sans-serif;

    line-height: 100%;

    font-size: 16px;

    color: #666666;

}



.new_after_submit_popup_preview_footer_common{

    display: none;

    position: relative;

    float: left;

    width: 600px;

    height: 92px;

    background-color: #E7E7E7;

    background-size: 456px 92px;

    background-position: 0 0;

}



.new_after_submit_popup_preview_footer_common .new_after_submit_popup_preview_footer_list_name{



    position: relative;

    float: left;

    clear: left;

    margin: 6px 0 0 15px;

    font-family: 'Roboto', sans-serif;

    line-height: 100%;

    font-weight: bold;

    font-size: 19px;

    color: #222222;



    white-space: nowrap;

    max-width: calc(100% - 24px);

    overflow: hidden;

    text-overflow: ellipsis;





}



.new_after_submit_popup_preview_footer_common .new_after_submit_popup_preview_footer_webaddress{

    position: relative;

    float: left;

    clear: left;

    font-family: 'Roboto', sans-serif;

    font-size: 18px;

    color: #999999;

    margin: 10px 0 0 14px;

}



.new_after_submit_popup_option_holder{



    position: relative;

    float: right;

    width: 230px;

    padding: 0px 10px;

}

.new_after_submit_popup_title_holder{

    position: relative;

    float: left;

    width: calc(100% - 40px);

    height: 40px;

    margin-bottom: 24px;

}

.new_after_submit_popup_title_text{





    position: relative;

    float: left;

    width: calc(100% - 35px);

    line-height: 24px;

    margin: 20px 0px;

    font-family: 'Roboto', sans-serif;

    text-align: left;

    font-size: 18px;

    font-weight: bold;

    color: #444444;





}

.new_after_submit_popup_close{

    display: block;

    position: relative;

    float: left;

    top: 10px;

    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_after_submit_popup_close:hover {

    background-color: #eeeeee;

}

.new_after_submit_popup_close:active {

    background-color: #979797;

}

.new_after_submit_popup_list_share_option_holder, .new_after_submit_popup_item_share_option_holder{

    position: relative;

    float: left;

    width: calc(100% - 5px);

    padding-left: 5px;

}



.new_after_submit_popup_item_share_option_holder{

    display: none;

}

.new_after_submit_popup_list_share_option_text, .new_after_submit_popup_item_share_option_text{

    position: relative;

    float: left;

    margin-left: 10px;

    font-family: 'Roboto', sans-serif;

    font-size: 16px;

    font-weight: normal;

    color: #666666;

}

.new_after_submit_popup_list_share_option_button_holder, .new_after_submit_popup_item_share_option_button_holder{

    position: relative;

    float: left;

    width: 100%;

}

.new_after_submit_popup_list_share_option_avg_rank_holder, .new_after_submit_popup_list_share_option_my_rank_holder, .new_after_submit_popup_item_share_option_avg_rank_holder, .new_after_submit_popup_item_share_option_my_rank_holder{



    cursor: pointer;

    display: inline-block;

    position: relative;

    margin-top: 20px;

    width: 175px;

    height: 40px;

    background-color: #bbbbbb;

    border-radius: 50px;

    text-align: center;

    -webkit-transform: scale(.8);

    -moz-transform: scale(.8);

    -ms-transform: scale(.8);

    -o-transform: scale(.8);

    transform: scale(.8);





}

.new_after_submit_popup_list_share_option_avg_rank_holder:hover, .new_after_submit_popup_list_share_option_my_rank_holder:hover, .new_after_submit_popup_item_share_option_avg_rank_holder:hover, .new_after_submit_popup_item_share_option_my_rank_holder:hover{

    background-color: #cfcfcf;

}

.new_after_submit_popup_selected{

    background-color: #444444;

    color: #ffffff;

}

.new_after_submit_popup_selected:hover{

    background-color: #555555;

    color: #ffffff;

}

.new_after_submit_popup_selected .new_after_submit_popup_list_share_option_avg_rank_icon{

    background-position: 0 -78px;

}

.new_after_submit_popup_selected .new_after_submit_popup_item_share_option_avg_rank_icon{

    background-position: 0 -78px;

}

.new_after_submit_popup_selected .new_after_submit_popup_list_share_option_my_rank_icon{

    background-position: 0 -52px;

}

.new_after_submit_popup_selected .new_after_submit_popup_item_share_option_my_rank_icon{

    background-position: 0 -52px;

}



.new_after_submit_popup_list_share_option_avg_rank_icon, .new_after_submit_popup_item_share_option_avg_rank_icon{

    float: left;

    display: inline-block;

    position: relative;

    width: 30px;

    height: 30px;

    background: url(../assets/sprites/icon_for_new_share_popup.png);

    background-size: 30px 104px;

    margin-top: 5px;

    margin-left: 10px;

    border-radius: 50px;



}

.new_after_submit_popup_list_share_option_my_rank_icon, .new_after_submit_popup_item_share_option_my_rank_icon{

    float: left;

    display: inline-block;

    position: relative;

    width: 30px;

    height: 30px;

    background: url(../assets/sprites/icon_for_new_share_popup.png);

    background-size: 30px 104px;

    margin-top: 5px;

    margin-left: 10px;

    border-radius: 50px;



}

.new_after_submit_popup_list_share_option_my_rank_icon img, .new_after_submit_popup_item_share_option_my_rank_icon img{

    border-radius: 50%;

    width: 26px;

    height: 26px;

}

.new_after_submit_popup_list_share_option_avg_rank_text, .new_after_submit_popup_list_share_option_my_rank_text, .new_after_submit_popup_item_share_option_avg_rank_text, .new_after_submit_popup_item_share_option_my_rank_text{

    position: relative;

    float: left;

    font-family: 'Roboto', sans-serif;

    font-size: 16px;

    font-weight: normal;

    margin-top: 10px;

    margin-left: 5px;

}

.new_after_submit_popup_share_url_holder{

    position: relative;

    float: left;

    width: 100%;

    height: 15px;

    margin-top: 35px;

    border-bottom: 2px solid #666666;

}

.new_after_submit_popup_share_url_text{

    position: relative;

    float: left;

    width: calc(100% - 42px);

    font-family: 'Roboto', sans-serif;

    font-size: 12px;

    font-weight: normal;

}

.new_after_submit_popup_gradient_ellipse{

    position: absolute;

    width: 100px;

    height: 15px;

    top: 0;

    right: 42px;

    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_after_submit_popup_share_url_copy_button{

    position: absolute;

    width: 42px;

    height: 15px;

    top: 0;

    right: 0;

    padding-top: 2px;

    font-family: 'Roboto', sans-serif;

    font-size: 12px;

    font-weight: bold;

    background-color: #ffffff;

    color: #2d96ff;

    cursor: pointer;

}

.new_after_submit_popup_url_copied_confirmation{

    bottom: -24px;

    position: absolute;

    right: -155px;

    font-family: 'Roboto', sans-serif;

    font-size: 12px;

    font-weight: normal;

    padding: 5px;

    background-color: #666666;

    color: #f6f6f6;

}

.new_after_submit_popup_url_copied_confirmation_shown{

    right: 0px;

}



.new_after_submit_popup_share_button_container{

    position: relative;

    float: left;

    height: 30px;

    width: 100%;

    margin-top: 20px;

}

.new_after_submit_popup_share_button_holder{

    position: relative;

    display: inline-block;

    cursor: pointer;

}



.new_after_submit_popup_share_button_icon{

    position: relative;

    float: left;

    width: 30px;

    height: 30px;

    background-size: 30px 480px;

    border-top-left-radius: .40em;

    -webkit-border-top-left-radius: .40em;

    border-bottom-left-radius: .40em;

    -webkit-border-bottom-left-radius: .40em;

}

.new_after_submit_popup_share_button_text{

    position: relative;

    float: left;

    padding: 10px 12px 0 12px;

    height: 20px;

    color: #ffffff;

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    border-top-right-radius: .40em;

    -webkit-border-top-right-radius: .40em;

    border-bottom-right-radius: .40em;

    -webkit-border-bottom-right-radius: .40em;

}



.new_after_submit_popup_share_button_container {

    display: block;

    position: relative;

    float: left;

    width: 100%;

}



#new_after_submit_popup_share_button_holder{

    display: block;

    height: 50px;

    margin-left: auto;

    margin-right: auto;

    margin-top: 15px;

    position: relative;

}



#popupmessagetitlebracket	{

    display: block;

    position: relative;

    font-family: 'Roboto', sans-serif;

    font-weight: bold;

    font-size: 18px;

    color: #111111;

    width:calc(100% - 15px);

    padding-top: 10px;

    padding-bottom: 10px;

}





/*new_after_submit_popup_end*/



/*common error popup*/

.errorpopupmessagebackground, .generalpopupmessagebackground	{

    display: none;

    position: fixed;

    height: calc(100% - 50px);

    width: 100%;

    z-index: 999997;

    top: 50px;

    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;

}

.errorpopupmessagewrapper, .generalpopupmessagewrapper	{

    display: none;

    position: fixed;

    height: calc(100% - 50px);

    width: 100%;

    z-index: 999998;

    top: 50px;

}

.errorpopupmessage, .generalpopupmessage	{

    display: none;

    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;

}

.errorpopupmessageclose, .generalpopupmessageclose	{

    position: absolute;

    top: 5px;

    right: 5px;

    width: 40px;

    height: 40px;

    cursor: pointer;

    background-image: url(../assets/sprites/closepopup.png);

    background-position: 0 0;

    z-index: 1;

    text-indent: -99999px;

}

.errorpopupmessagetitle, .generalpopupmessagetitle	{

    position: relative;

    float: left;

    width: 100%;

    font-family: 'Roboto', sans-serif;

    font-size: 16px;

    font-weight: bold;

    color: #444444;

    margin-top: 10px;

}

.errorpopupmessagetext, .errorpopupmessagetext ul, .errorpopupmessagetext ul li, .errorpopupmessagetext a, .generalpopupmessagetext	{

    position: relative;

    float: left;

    width: 100%;

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    line-height: 18px;

    margin-top: 10px;

    color: #666666;

}

.errorpopupmessagetext ul li	{

    margin-bottom:5px;

}

.errorpopupmessagetext a	{

    color:#2C638F;

    cursor:pointer;

}

.errorpopupmessagetext a:hover	{

    color:#2C638F;

    cursor:pointer;

    text-decoration:underline;

}

.errorpopupmessagebuttoncontainer, .generalpopupmessagebuttoncontainer	{

    position: relative;

    width: 100%;

    text-align: center;

}

.errorpopupmessagebutton, .generalpopupmessagebutton{

    position: relative;

    width: 80px;

    padding: 5px 0;

    margin: 10px 0;

    background-color: #A24242;

    color: #FFFFFF;

    border-radius: 3px;

    cursor: pointer;

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    display: inline-block!important;

}

/*Need to signin msg*/



#needtosigninmessagebackground	{

    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;

}



#needtosigninmessagewrapper	{

    display:block;

    position:fixed;

    height:0px;

    width:100%;

    z-index:999998;

    top:40px;

}



#needtosigninmessage	{

    display: block;

    position: relative;

    float: left;

    width: 480px;

    min-height: 90px;

    margin-left: calc(50% - 260px);

    top: 150px;

    white-space: nowrap;

    background-color: #FFFFFF;

    border: 1px solid #666666;

    padding: 20px;

    -moz-border-radius: 0.40em;

    -webkit-border-radius: 0.40em;

    border-radius: 0.40em;

    box-shadow: 0 0 15px -2px #000000;

    -moz-box-shadow: 0 0 15px -2px #000000;

    -webkit-box-shadow: 0 0 15px -2px #000000;

}



#needtosigninmessageclose	{

    position: absolute;

    float: right;

    right: 10px;

    top: 10px;

    font-family: 'Roboto', sans-serif;

    font-size: 16px;

    color: #999999;

    cursor: pointer;

}



#needtosigninmessageclose:hover	{

    color:#666666;

}



#needtosigninmessageclose:active	{

    color:#999999;

}



#needtosigninmessagetitle	{

    display: block;

    position: relative;

    float: left;

    font-family: 'Roboto', sans-serif;

    font-weight: bold;

    font-size: 18px;

    color: #666666;

    margin-bottom: 15px;

}



#needtosigninmessagesigninlink, #needtosigninmessagesignuplink {

    font-family: 'Roboto', sans-serif;

    font-weight:bold;

    font-size:14px;

    text-align:justify;

    color:#666666;

}



#needtosigninmessagesigninlink:hover ,#needtosigninmessagesignuplink:hover{

    color:#444444;

    text-decoration:underline;

    cursor: pointer;

}



#needtosigninmessagetext, #needtosigninmessagetext ul, #needtosigninmessagetext ul li, #needtosigninmessagetext a	{

    position: relative;

    float: left;

    width: 100%;

    font-family: 'Roboto', sans-serif;

    font-weight: normal;

    font-size: 14px;

    line-height: 18px;

    text-align: justify;

    color: #666666;

    white-space: normal;

}



#needtosigninmessagetext ul li	{

    margin-bottom:5px;

}





#needtosigninmessagebuttoncontainer	{

    position: relative;

    float: left;

    width: 100%;

    height: 21px;

    margin-left: auto;

    margin-right: auto;

    margin-top: 14px;

}







#needtosigninmessagebuttonholdersignin	{

    display: block;

    width: 65px;

    height: 21px;

    margin-right: 35px;

    float: right;

    position: relative;

    -moz-border-radius: 1.25em;

    -webkit-border-radius: 1.25em;

    border-radius: 1.25em;

}



#needtosigninmessagebuttonholdersignup {

    display: block;

    width: 65px;

    height: 21px;

    float: left;

    margin-left: 35px;

    position: relative;

    -moz-border-radius: 1.25em;

    -webkit-border-radius: 1.25em;

    border-radius: 1.25em;

}



#needtosigninmessagebuttonsignin , #needtosigninmessagebuttonsignup	{

    font-family: 'Roboto', sans-serif;

    font-weight: normal;

    font-size: 12px;

    color: #FFFFFF;

    float: right;

    text-decoration: none;

    width: 65px;

    height: 21px;

    padding-bottom: 0px;

    background-color: #5dabf9;

    position: relative;

    -moz-border-radius: 1.25em;

    -webkit-border-radius: 1.25em;

    border-radius: 1.25em;

}







#needtosigninmessagebuttonsignin:hover, #needtosigninmessagebuttonsignup:hover	{

    cursor:pointer;

    background-color: #7abafa;

}



#needtosigninmessagebuttonsignin:active	, #needtosigninmessagebuttonsignup:active{

    cursor:pointer;

    background-color: #549ae0;

}



/*Invitation*/

.invitationpopupcontainer{



    display: none;



    position: absolute;



    height:100%;



    z-index: 999999;



}







.invitationpopupwrapperbackground {



    display: block;



    position: fixed;



    height: calc(100% - 40px);



    width: 100%;



    top: 51px;



    background-color: rgba(0, 0, 0, .8);



}







.invitationpopupwrapper{



    display: block;



    position: fixed;



    width: 100%;



    height: calc(100% - 41px);



    top: 51px;



    left: 0;



    right: 0;



    bottom: 0;



    overflow: auto;



}







.invitationpopupholder{



    display: block;



    width: calc(100% - 40px);



    max-width: 650px;



    background-color: #FFFFFF;



    margin-top: 100px;



    margin-left: auto;



    margin-right: auto;



    padding: 20px;



    -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);



    overflow: hidden;



}







.invitepopuptoprow{



    display: block;



    position: relative;



    float: left;



    width: 100%;



}



#invitationlinkcopydiv{



    position: relative;



    float: left;



    width: 100%;



    margin-top: 20px;



}







.invitationpopupclose {

    cursor: pointer;

    position: absolute;

    right: 0px;

    top: -7px;

    width: 40px;

    height: 40px;

    background: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -40px -360px;

    z-index: 1;

    border-radius: 50%;

}

.invitationpopupclose:hover{

    background-color: #A24242;

    background-position: -40px -560px;

}





.invitationpopuptitle {



    display: block;



    width: calc(100% - 40px);



    padding: 0 20px 0 20px;



    text-align: center;



    position: relative;



    float: left;



    font-family: 'Roboto', sans-serif;



    font-weight: bold;



    font-size: 18px;



    color: #666666;





    line-height: 24px;



}



.invitationtext {



    display: block;



    width: 100%;



    text-align: center;



    position: relative;



    float: left;



    font-family: 'Roboto', sans-serif;



    font-weight: normal;



    font-size: 12px;



    color: #666666;



    margin-bottom: 10px;



    padding-bottom: 5px;



    border-bottom: 1px solid #dddddd;



}







.receiverinfowrapper {



    display: block;



    position: relative;



    float: left;



    width: 100%;





    padding-top: 20px;



    margin-bottom: 10px;



}







.receiverinfo{



    display: block;



    position: relative;



    float: left;



    width: 100%;



}



.inputwrapper{



    margin-bottom: 5px;



    position: relative;



    display: block;



    width: 100%;





    float: left;





}







.receivernameholder, .receiveremailholder {



    position: relative;



    float: left;



    width: 100%;



    display: block;



}







.receivernametext,.receiveremailtext	{



    position: absolute;



    top: 2px;



    left: 0;



    padding: 10px;



    font-family: 'Roboto', sans-serif;



    font-size: 14px;



    color: #777777;



}







.receiverinfoinput {



    position: relative;



    display: block;



    float: left;



    width: calc(100% - 20px);



    font-family: 'Roboto', sans-serif;



    font-size: 14px;



    color: #222222;



    padding: 10px;



    background-color: transparent;



    border-bottom: 1px solid #dddddd;



}







.receivernameerror, .receiveremailerror {



    display: block;



    position: relative;



    color: #CC0000;



    float: left;



    font-size: 12px;



    margin-left: 8px;



    width: 130px;



    text-align: center;



    line-height: 15px;



}







#invitationnameerrorwrapper{



    width: 100%;



    height: 25px;



    display: block;



    position: relative;



    float: left;



}



.hideerror{



    display: none;



}



.showerror{



    display: block;



}



.hideerrortext{



    display: none;



}



.showerrortext{



    display: block;



}



.erroriconwrong{



    background-image: url(../assets/sprites/icons_redbar.png);



    background-position: -186px -259px;



}



.erroriconright{



    background-image: url(../assets/sprites/icons_redbar.png);



    background-position: -189px -238px;



}



#invitationnameicon{



    margin-right: 15px;



    margin-top: -29px;



    width: 20px;



    height: 20px;



    opacity: .8;



    float: right;



}



#invitationnamediv{



    margin-right: 18px;



    position: relative;



    margin-top: -8px;



    width: 12px;



    height: 8px;



    background-image: url(../assets/sprites/icons_redbar.png);



    background-position: -176px -250px;



    opacity: .8;



    float: right;



}



#invitationnameerror {



    float: left;



    position: relative;



    font-family: 'Roboto', sans-serif;



    width: 100%;





    font-size: 12px;



    line-height: 22px;



    color: #c10000;



    text-align: left;



    border-radius: 6px;



    padding-left: 10px;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



}



#invitationemailerrorwrapper{



    width: 100%;



    height: 25px;



    display: block;



    position: relative;



    float: left;



}



#invitationemailicon{



    margin-right: 15px;



    margin-top: -29px;



    width: 20px;



    height: 20px;



    opacity: .8;



    float: right;



}



#invitationemaildiv{



    margin-right: 18px;



    position: relative;



    margin-top: -8px;



    width: 12px;



    height: 8px;



    background-image: url(../assets/sprites/icons_redbar.png);



    background-position: -176px -250px;



    opacity: .8;



    float: right;







}



#invitationemailerror {



    float: left;



    position: relative;



    font-family: 'Roboto', sans-serif;



    width: 100%;





    font-size: 12px;



    line-height: 22px;



    color: #c10000;



    text-align: left;



    border-radius: 6px;



    padding-left: 10px;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



}



#invitationsenderrorwrapper{



    display: none;



    position: relative;



    float: right;



    clear: both;



    margin-top: -38px;





}



#invitationsendicon{



    margin-right: 0px;



    margin-top: 0px;



    width: 20px;



    height: 20px;



    opacity: .8;



    float: right;



}



#invitationsenddiv{



    position: relative;



    width: 12px;



    height: 8px;



    background-image: url(../assets/sprites/icons_redbar.png);



    background-position: -176px -250px;



    opacity: .8;



    float: right;







}



#invitationsenderror {



    display: inline;



    float: left;



    position: relative;



    font-family: 'Roboto', sans-serif;



    width: 100%;





    font-size: 12px;



    line-height: 22px;



    color: #c10000;



    text-align: left;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



}



.addinvitation {



    display: block;



    position: relative;



    float: right;



    font-family: 'Roboto', sans-serif;



    font-weight: bold;



    font-size: 14px;



    color: #666666;



}



.addinvitation:hover{



    cursor: pointer;



    text-decoration: underline;



}



.addinvitationicon {



    background: url(../assets/sprites/icons_redbar.png);



    background-position: -179px -319px;



    height: 20px;



    width: 20px;



    cursor: pointer;



}



.invitedpeoplewrapper {



    display: none;



    position: relative;



    float: left;



    width: 100%;



}







.invitedpeopleholder {



    position: relative;



    float: left;



    width: 100%;



}



.invitedpeoplelist{



    position: relative;



    float: left;    width: 100%;







}







.invitedpeople {



    position: relative;



    display: block;





    float: left;



    padding: 5px;



    margin: 5px;





    background-color: #CFCFCF;



    border-radius: 3px;



}







.invitedpeople:hover {



    cursor: pointer;



    background-color: #CFCFCF;



}







.itemnum {



    display: none;







}







.invitedpeopleinfoholder {



    display: block;



    position: relative;



    float: left;



    width: calc(100% - 20px);



}







.invitedpeoplename {



    position: relative;



    float: left;



    font-family: 'Roboto', sans-serif;



    font-size: 13px;





    font-weight: normal;



    color: #333333;





    white-space: nowrap;





}



.invitedpeoplename_ellipsis{



    max-width: 100%;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



}







.invitedpeopleemail {



    display: none;



    position: absolute;



    top: -33px;



    padding: 5px;



    line-height: 15px;



    background-color: #666666;



    z-index: 1;



    left: -5px;



    font-family: 'Roboto', sans-serif;



    font-size: 10px;



    color: #FFFFFF;



    -webkit-border-radius: 3px;



    -moz-border-radius: 3px;



    border-radius: 3px;



}







.invitationremove {



    position: relative;

    float: right;

    width: 13px;

    height: 13px;

    background-image: url(../assets/sprites/cross_icon.png);

    background-position: 0 0;

    background-size: 13px 26px;



}







.invitationremove:hover {



    cursor: pointer;





}







.invitationremove:active {







}







.alreadyinvited {



    display: inline;



    position: relative;



    cursor: pointer;



    float: right;



    height: 17px;



    width: 17px;



    margin-top: 10px;



    margin-right: 20px;



    background: url(../assets/nav/useracceptactivefullsize.png);



}







.invitationpopupbuttonscontainer {



    position: relative;



    float: left;



    display: block;



    width: 100%;





    margin-top: 20px;



    text-align: center;



}



.invitationbuttonsholder {



    display: inline-block;

    width: 110px;

    margin: 0 10px;

    position: relative;



}



.invitesbuttoninfo{

    position: absolute;

    left: -40px;

    top: -5px;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    cursor: pointer;

    background-image: url(../assets/spritesv2/common.png); background-size: 360px 800px;

    background-position: -200px -240px;

    -webkit-transform: scale(.5);

    -moz-transform: scale(.5);

    -ms-transform: scale(.5);

    -o-transform: scale(.5);

    transform: scale(.5);

}



#invitationemailnotifywrapper{

    display: none;

    width: 200px;

    position: relative;

    float: left;

    padding: 5px;

    line-height: 15px;

    background-color: #666666;

    z-index: 1;

    top: -80px;

    left: 50px;

    font-family: 'Roboto', sans-serif;

    font-size: 10px;

    color: #FFFFFF;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    -webkit-transform: scale(2);

    -moz-transform: scale(2);

    -ms-transform: scale(2);

    -o-transform: scale(2);

    transform: scale(2);



}







.invitationpopupbutton {

    display: block;

    position: relative;

    width: 110px;

    float: right;

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    color: #FFFFFF;

    padding: 7px 0 7px 0;

    -webkit-border-radius: 1.5em;

    -moz-border-radius: 1.5em;

    border-radius: 1.5em;

    background-color: #5dabf8;

    -webkit-appearance: none;

}



.invitationpopupbutton:hover {

    cursor:pointer;

    background-color:#7abafa;

}







.invitationpopupbutton:active {

    cursor:pointer;

    background-color:#549ae0;

}







.notify{

    text-align: center;

    position: relative;

    float: left;

    width: 100%;

    display: block;

    height: 20px;

    bottom: 5px;

    top: 10px;

    font-family: 'Roboto', sans-serif;

    font-size: 11px;

}



#shareinvitelinktext{

    position: relative;

    float: left;

    font-family: 'Roboto', sans-serif;

    font-weight: bold;

    font-size: 14px;

    color: #666666;

    margin-bottom: 10px;

}



.invitelinkshareicongroupformobile{

    display: block;

    position: relative;

    float: left;

    width: 100%;

    text-align: center;

}



.invitelinkshareiconsformobile{

    display: inline-block;

    position: relative;

    width: 40px;

    height: 40px;

    background: url(../assets/spritesv2/common.png); background-size: 360px 800px;

    cursor: pointer;

    margin: 0 10px

}



.invitelinkshareiconsformobile:active{

    box-shadow: 0 4px 10px -5px black;

}



.facebookshareformobileinvitelink{

    background-position: -200px 0;

}



.twittershareforfacebookinvitelink{

    background-position: -200px -40px;

}



.linkedinshareformobileinvitelink{

    background-position: -200px -80px;

}



.whatsappshareformobileinvitelink{

    background-position: -200px -120px;

}



.vibershareformobileinvitelink{

    background-position: -200px -200px;

}



.messengershareformobileinvitelink{

    background-position: -200px -160px;

}



.emailshareformobile{

    background-position: -67px -465px;

}



#invitationlinksharewrapper{

    position: relative;

    float: left;

    width: 100%;

    margin-top: 20px;

    text-align: center;

}



#invitationlinksharediv{

    position: relative;

    float: left;

    width: 100%;

}

.share_invitation_url_holder{

    position: relative;

    float: left;

    width: calc(100% - 22px);

    border: 1px solid #CFCFCF;

    padding: 10px;

    margin-top: 5px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

}



.share_invitation_url_copy_button{

    position: absolute;

    right: 0;

    top: 0;

    font-family: 'Roboto', sans-serif;

    background-color: #cfcfcf;

    font-size: 12px;

    line-height: 14px;

    padding: 10px;

}



.share_invitation_url_copy_button:hover{

    cursor: pointer;

    background-color: #bfbfbf;

}



.share_invitation_url_text{

    position: relative;

    float: left;

    width: calc(100% - 42px);

    font-family: 'Roboto', sans-serif;

    font-size: 12px;

    font-weight: normal;

}



.share_invitation_gradient_ellipse{

    position: absolute;

    width: 100px;

    height: 34px;

    top: 0;

    right: 51px;

    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%);

}



.share_invitation_url_copied_confirmation{

    position: absolute;

    right: -500px;

    top: -23px;

    font-family: 'Roboto', sans-serif;

    font-size: 12px;

    background-color: #444444;

    color: #FFFFFF;

    padding: 5px;

}



/*Footer*/



.newleftnavbarfooteritemholder{

    position: relative;

    float: left;

    width: calc(100% - 20px);

    padding: 50px 10px 20px 10px;

}

.newleftnavbarfooteritemholder::before{

    content: '';

    position: absolute;

    top: 25px;

    left: 0px;

    width: 100px;

    margin: 0px 70px;

    border-top: 1px solid #bbbbbb;

}

.newleftnavbarfooteritem{

    position: relative;

    float: left;

    width: 33%;

}

.newleftnavbarfooteritem a{

    position: relative;

    float: left;

    width: 100%;

    font-family: 'Roboto', sans-serif;

    text-align: center;

    font-size: 12px;

    line-height: 150%;

    color: #999999;

}

.newleftnavbarfooteritem a:hover{

    text-decoration: underline;

    color: #777777;

}



.newleftnavbarfootercopyrighttext{

    position: relative;

    float: left;

    width: 100%;

    font-family: 'Roboto', sans-serif;

    text-align: center;

    font-size: 12px;

    color: #999999;

    margin-bottom: 50px;

}

.newleftnavbarfooterfeaturedontext{

    position: relative;

    float: left;

    width: 100%;

    font-family: 'Roboto', sans-serif;

    text-align: center;

    font-size: 14px;

    font-weight: bold;

    color: #999999;

    margin-bottom: 50px;

}


.flagasoptionswrapper	{

    position: relative;

    float: left;

    width: 100%;

    display: flex;

    flex-direction: row;

    gap: 5px;

    align-items: center;

}

.flagreportbuttons{

    position: relative;

    float: left;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: flex-end;

    gap: 10px;

    -webkit-appearance: none;

}



.flagasoptions	{

    display:block;

    position:relative;

    float:left;

}

.suggestionflagbuttons{

    position: relative;

    float: left;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: flex-end;

    gap: 10px;

}

.flagasoptionstext	{

    cursor: pointer;

    display: block;

    position: relative;

    float: left;

    font-family: 'Roboto', sans-serif;

    font-weight: normal;

    font-size: 12px;

    color: #444444;



}



.flagreportbuttonholder	{



}



.flagreportbutton	{

    font-family: 'Roboto', sans-serif;

    font-weight: bold;

    font-size: 12px;

    color: #FFFFFF;

    float: right;

    text-decoration: none;

    width: 65px;

    height: 26px;

    background-color: #5dabf9;

    position: relative;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    border-radius: 5px;

    -webkit-appearance: none;

}



.flagreportbutton:hover	{

    cursor: pointer;

    background-color: #7abafa;

}



.flagreportbutton:active	{

    cursor: pointer;

    background-color: #549ae0;

}

#flagconfirmmessagebackground	{

    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;

}



#flagconfirmmessagewrapper	{

    display:block;

    position:fixed;

    height:0px;

    width:100%;

    z-index:999998;

    top:40px;

}



#flagconfirmmessage	{

    display: block;

    width: calc(100% - 40px);

    max-width: 450px;

    background-color: #FFFFFF;

    margin-top: 100px;

    margin-left: auto;

    margin-right: auto;

    padding: 20px;

    -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);

}



#flagconfirmmessageclose	{

    display: block;

    position: relative;

    float: right;

    margin-top: -10px;

    margin-right: -10px;

    cursor: pointer;

    color:#666666;

    font-family: 'Roboto', sans-serif;

    font-size:16px;

}



#flagconfirmmessageclose:hover	{

    color: #999999;

}



#flagconfirmmessagetitle	{

    display:block;

    position:relative;

    font-family: 'Roboto', sans-serif;

    font-weight:bold;

    font-size:18px;

    color:#444444;

    margin-bottom:10px;

}



#flagconfirmmessagetext, #flagconfirmmessagetext ul, #flagconfirmmessagetext ul li, #flagconfirmmessagetext a	{

    font-family: 'Roboto', sans-serif;

    font-weight: normal;

    font-size: 14px;

    text-align: justify;

    color: #666666;

    cursor: context-menu;

    list-style: inside;

    list-style-type: square;

}



#flagconfirmmessagetext ul li	{

    margin-bottom:5px;

}



#flagconfirmmessagebuttoncontainer	{

    display:block;

    width:100%;

    margin-top:15px;

    text-align: center;

}





#flagconfirmmessagebuttonholderok {

    position: relative;

    margin-left: auto;

    margin-right: auto;

    display: block;

    width: 80px;

    height: 21px;

}



#flagconfirmmessagebuttonok	{

    font-family: 'Roboto', sans-serif;

    font-weight: normal;

    letter-spacing: .5px;

    font-size: 12px;

    color: #ffffff;

    float: right;

    text-decoration: none;

    width: 80px;

    height: 21px;

    padding-top: 0px;

    padding-bottom: 0px;

    background-color: #5dabf9;

    position: relative;

    -moz-border-radius: 1.25em;

    -webkit-border-radius: 1.25em;

    -webkit-appearance: none;

    border-radius: 1.25em;

}



#flagconfirmmessagebuttonok:hover	{

    cursor: pointer;

    background-color: #7abafa;

}



#flagconfirmmessagebuttonok:active{

    cursor: pointer;

    background-color: #549ae0;

}



#deleteconfirmmessagebackground	{

    display:block;

    position: fixed;

    height: 100%;

    width: 100%;

    z-index: 3;

    top: 50px;

    background-color: rgb(0 0 0 / 70%);

}



#deleteconfirmmessagewrapper	{

    display: block;

    position: fixed;

    height: 0;

    width: 100%;

    z-index: 3;

    top: 50px;

}



#deleteconfirmmessage	{

    display: block;

    width: calc(100% - 80px);

    max-width: 320px;

    background-color: #FFFFFF;

    margin-top: 100px;

    margin-left: auto;

    margin-right: auto;

    padding: 30px;

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    border-radius: 10px;

    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);

    overflow: hidden;

}



#deleteconfirmmessageclose	{

    cursor: pointer;

    position: absolute;

    top: 0;

    right: 0;

    z-index: 9999999;

    width: 40px;

    height: 40px;

    background: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -40px -360px;

}



#deleteconfirmmessageclose:hover	{

    background-color: #A24242;

    background-position: -40px -560px;

}





#deleteconfirmmessagetitle	{

    display: block;

    position: relative;

    font-family: 'Roboto', sans-serif;

    font-weight: bold;

    font-size: 18px;

    color: #A24242;

    margin-bottom: 10px;

}



#deleteconfirmmessagetext, #deleteconfirmmessagetext ul, #deleteconfirmmessagetext ul li, #deleteconfirmmessagetext a	{

    position: relative;

    float: left;

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    text-align: justify;

    color: #666666;

}



#deleteconfirmmessagetext ul li	{

    margin-bottom:5px;

}



#deleteconfirmmessagebuttoncontainer	{

    position: relative;

    float: left;

    width: 100%;

    margin-top: 15px;

    display: flex;

    align-items: center;

    justify-content: space-evenly;

}



#deleteconfirmmessagebuttonholderno	{

    position: relative;

    float: left;

}



#deleteconfirmmessagebuttonholderyes {

    position: relative;

    float: left;



}



#deleteconfirmmessagebuttonyes , #deleteconfirmmessagebuttonno	{

    position: relative;

    float: left;

    min-width: 70px;

    padding: 7px 10px;

    font-family: 'Roboto', sans-serif;

    font-weight: normal;

    font-size: 12px;

    color: #ffffff;

    background-color: #5dabf9;

    border-radius: 15px;

    transition: .3s ease-in;

}



#deleteconfirmmessagebuttonyes:hover, #deleteconfirmmessagebuttonno:hover	{

    cursor: pointer;

    background-color: #7abafa;

}





.editornavbar {

    display: none;

    position: absolute;

    width: 100%;

    top: -40px;

    z-index: 2;

}

.descriptionbox .editornavbar{

    position: absolute;

    width: calc(100% - 10px);

    left: 5px;

}

.editoriconscontainer{

    display: block;

    position: relative;

    float: left;

    width: 100%;

}

#commentssectionholder .editornavbar, #discussionssectionholder .editornavbar{

    width: calc(100% - 40px);

}



.editoricons {

    position: relative;

    float: left;

    width: calc(100% - 10px);

    margin: 5px;

    background-color: #ffffff;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

}



.editoricons .boldbtn{

    cursor: pointer;

    position: relative;

    float: left;

    width: 30px;

    height: 30px;

    border: none;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -200px -280px;

}



.editoricons .italicbtn{

    cursor: pointer;

    position: relative;

    float: left;

    width: 30px;

    height: 30px;

    border: none;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -200px -320px;

}



.editoricons .underlinebtn{

    cursor: pointer;

    position: relative;

    float: left;

    width: 30px;

    height: 30px;

    border: none;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -200px -360px;

}



.editoricons .tablebtn{

    cursor: pointer;

    position: relative;

    float: left;

    width: 30px;

    height: 30px;

    border: none;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -200px -440px;

}



.editoricons .referencebtn{

    cursor: pointer;

    position: relative;

    float: left;

    width: 30px;

    height: 30px;

    border: none;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -200px -400px;

}



.editoricons .imagesbtn{

    cursor: pointer;

    position: relative;

    float: left;

    width: 30px;

    height: 30px;

    border: none;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -200px -480px;

}



.editoricons .emojibtn{

    cursor: pointer;

    position: relative;

    float: left;

    width: 30px;

    height: 30px;

    border: none;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -200px -520px;

}



.editoricons .imageuploadfromdevicebrowseicon {

    cursor: pointer;

    position: relative;

    float: left;

    width: 30px;

    height: 30px;

    border: none;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -200px -560px;

}



.editoricons .imageuploadfromnetwebicon{

    cursor: pointer;

    position: relative;

    float: left;

    width: 30px;

    height: 30px;

    border: none;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -200px -600px;

}



.editoricons .imageuploadfromnetgettyicon{

    cursor: pointer;

    position: relative;

    float: left;

    width: 72px;

    height: 30px;

    border: none;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -200px -640px;

}



.editoricons .imageuploadfromnetgiphyicon{

    cursor: pointer;

    position: relative;

    float: left;

    width: 50px;

    height: 30px;

    border: none;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -200px -680px;

}



.editoricons .imageuploadfromnetgfycaticon{

    cursor: pointer;

    position: relative;

    float: left;

    width: 50px;

    height: 30px;

    border: none;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -200px -720px;

}



.editoricons .documentexec-selected {

    background-color : grey;

    font-weight : bold;

}



.editoricons .icondisabled {

    opacity: 0.5;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

}



/*Temporary*/

.superscriptbtn {

    cursor: pointer;

    position: relative;

    float: left;

    width: 30px;

    height: 30px;

    border: none;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -240px -440px;

    background-color: transparent;

    -webkit-appearance: none;

}



.subscriptbtn {

    cursor: pointer;

    position: relative;

    float: left;

    width: 30px;

    height: 30px;

    border: none;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -240px -480px;

    background-color: transparent;

    -webkit-appearance: none;

}



.locationmapbtn {

    cursor: pointer;

    position: relative;

    float: left;

    width: 25px;

    height: 25px;

    opacity: 0.7;

    background-image: url(../assets/sprites/location.png);

    background-size: 18px 18px;

    background-repeat: no-repeat;

    background-position: 5px 6px;

}





.editoricons .imageuploadoptionholderparent {

    display: none;

    position: absolute;

    top: 33px;

    right: 0;

    width: 100%;

    background-color: #f6f6f6;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

}



.editoricons .imageuploadoptionholder {

    position: relative;

    float: left;

    width: 100%;

}



/*T.E.M.P. E.D.I.T.O.R.*/

.temp_editor {

    position: absolute;

    width: calc(100% - 40px);

    left: 40px;

    top: 0px;

    height: 30px;

}







/*EMOJI*/



.editor_emojidropdowncontainer {

    position: absolute;

    width: 226px;

    height: 168px;

    padding: 10px;

    display: none;

    background-color: #ffffff;

    border: 1px solid #cfcfcf;

    box-shadow: 0px 1px 11px -6px #000000;

    border-radius: 3px;

    z-index: 100;

    overflow: auto;



}

.editor_emojiholder{

    position: relative;

    float: left;

    /*width: 218px;*/

    /*height: 144px;*/

    overflow: hidden;

}

.editor_emojisingle{

    position: relative;

    float: left;

    padding: 8px;

}



.editor_emojidropdownclosebtn{

    position: relative;

    display: block;

    float: right;

    right: 5px;

    background: transparent;

    color: red;

    border: none;

    font-family: sans-serif;

    font-size: 15px;

    font-weight: bold;

    cursor: pointer;

}



.editor_emojidropdownclosebtn:hover{

    opacity: 0.7;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

}



.editor_emojidropdowncontainer .editor_emojirowholder{

    cursor: pointer;

    font-size: 20px;

    position: relative;

    display: block;

    float: left;

    /*padding: 5px;*/

    width: 100%;

}





/*REFERENCE*/

.editor_referencedropdown {

    display: none;

    position: absolute;

    padding: 5px;

    width: 200px;

    z-index: 99;

    background-color: white;

    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

    text-transform: capitalize;

    height: 190px;

    overflow: auto;

}



.editor_referencedropdown .editor_referencelistholder {

    position: relative;

    float: left;

    list-style-type: decimal;

    padding: 2px;

    margin-top: 0px;

    width: 100%;

}



.editor_referencelist{

    position: relative;

    margin-bottom: 5px;

    font-family: 'Roboto', sans-serif;

    font-size: 12px;

    color: #666666;

    padding: 2px;

    width: calc(100% - 3px);

    padding-top: 7px;

    padding-bottom: 7px;

    list-style-position: inside;

    white-space: nowrap;

    overflow: hidden;

}



.editor_referencelist:hover {

    background-color: #dddfe2;

}



.editor_referencelistnamespancontainer{

    width: calc(100% - 15px);

    position: absolute;

    top: 7px;

    left: 18px;

    display: block;

    text-transform: lowercase;

}



/*C.O.M.M.O.N.- T.E.X.T. S.C.R.O.L.L.*/

.editor_textscrollholder{

    white-space: nowrap;

    overflow: hidden;



}



.editor_textscrollholder span{

    display: inline-block;

    width: 100%;

}



.editor_textscrollholder span span{

    -webkit-transition: left 1s linear;

    transition: left 1s linear;

    position: relative;

    overflow: hidden;

    text-overflow: ellipsis;

    left: 0px;

}





/*M.E.N.T.I.O.N. U.S.E.R.S*/

.editor_mentionuserdropdown{

    display: none;

    position: absolute;

    padding: 5px;

    width: 200px;

    z-index: 100;

    background-color: white;

    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

    text-transform: capitalize;

    height: 220px;

    overflow: auto;

}



.editor_mentionuserlistholder {

    position: relative;

    float: left;

    list-style: none;

    padding: 2px;

    margin-top: 0px;

    width: 100%;

}



.editor_mentionuserlist{

    position: relative;

    margin-bottom: 5px;

    font-family: 'Roboto', sans-serif;

    font-size: 12px;

    color: #666666;

    padding: 2px;

    width: 98%;

    overflow: hidden;

    list-style: none;

    cursor: pointer

}



.editor_mentionuserlist:hover {

    background-color: #dddfe2;

}



.editor_mentionuserlistnameholder{

    width: 130px;

    height: 20px;

    position: absolute;

    top: 12px;

    left: 39px;

    display: block;



}



.editor_mentionuserlistimgholder{

    position: relative;

    margin-top: 1px;

    margin-left: 2px;

    height: 30px;

    width: 30px;

    border-radius: 50%;

}



.editor_mentionaryusernameholderincontenteditablediv {

    border-radius: 2px;

    position: relative;

    background-color: #2F4F4F;

    color: white;

    padding: 2px;

    margin-left: 2px;

    margin-right: 2px;

    white-space: pre;

}



.editor_mentionaryusernameholderincontenteditablediv:hover{

    opacity: 0.7;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

}



.editor_mentionaryusernameholderincontenteditablediv a{

    color: white;

    text-decoration: none;

}



.editor_mentionaryusernameclosebtn {

    background-color: Transparent;

    background-repeat:no-repeat;

    border: none;

    cursor:pointer;

    overflow: hidden;

    outline:none;

    color: red;

}



.editor_mentionusernouserfound{

    position: relative;

    margin-bottom: 5px;

    font-family: 'Roboto', sans-serif;

    font-size: 12px;

    color: #666666;

    padding: 2px;

    width: 98%;

    overflow: hidden;

}



/*T.A.G. I.T.E.M.*/

.editor_tagitemdropdown{

    display: none;

    position: absolute;

    padding: 5px;

    width: 200px;

    z-index: 100;

    background-color: white;

    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

    text-transform: capitalize;

    height: 220px;

    overflow: auto;

}



.editor_tagitemlistholder {

    position: relative;

    float: left;

    list-style: none;

    padding: 2px;

    margin-top: 0px;

    width: 100%;

}



.editor_tagitemlist{

    position: relative;

    margin-bottom: 5px;

    font-family: 'Roboto', sans-serif;

    font-size: 12px;

    color: #666666;

    padding: 2px;

    width: 98%;

    overflow: hidden;

    list-style: none;

    cursor: pointer

}



.editor_tagitemlist:hover {

    background-color: #dddfe2;

}



.editor_tagitemlistnameholder{

    width: 130px;

    height: 20px;

    position: absolute;

    top: 12px;

    left: 39px;

    display: block;



}



.editor_tagitemlistimgholder{

    position: relative;

    margin-top: 1px;

    margin-left: 2px;

    height: 30px;

    width: 30px;

    border-radius: 50%;

}



.editor_mentionaryitemnameholderincontenteditablediv {

    border-radius: 2px;

    position: relative;

    background-color: #2e5894;

    color: white;

    padding: 2px;

    margin-left: 2px;

    margin-right: 2px;
    white-space: pre;

}



.editor_mentionaryitemnameholderincontenteditablediv:hover{

    opacity: 0.7;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

}



.editor_mentionaryitemnameholderincontenteditablediv a{

    color: white;

    text-decoration: none;

}



.editor_mentionaryitemnameclosebtn {

    background-color: Transparent;

    background-repeat:no-repeat;

    border: none;

    cursor:pointer;

    overflow: hidden;

    outline:none;

    color: red;

}



.editor_tagitemnouserfound{

    position: relative;

    margin-bottom: 5px;

    font-family: 'Roboto', sans-serif;

    font-size: 12px;

    color: #666666;

    padding: 2px;

    width: 98%;

    overflow: hidden;

}



/*E.D.I.T.O.R. P.O.P.U.P. P.A.R.E.N.T. D.I.V.*/

.editorpopupdivholder {

    display: none;

    text-align: center;

    position: fixed;

    height: 0;

    width: 100%;

    z-index: 999998;

    top: 40px;

    left: 0px;

}



.editor_msgpopupbackground {

    display: none;

    left: 0px;

    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;

}



/*H.Y.P.E.R.L.I.N.K.*/

.editor_hyperlinkholderincontenteditablediv {

    cursor: pointer;

    color: #08457e;

    text-decoration: underline;

    font-weight: bold;

}



/*R.E.F.E.R.E.N.C.E. L.I.N.K.*/

.editor_refholderincontenteditablediv {

    color: blue;

}



/*OUTSIDE LINK WARNING MSG*/

.editor_outsidelinkwarningmsgpopupdivholder{

    display: none;

    position: relative;

    z-index: 999998;

    width: calc(100% - 40px);

    max-width: 450px;

    background-color: #FFFFFF;

    margin-top: 100px;

    margin-left: auto;

    margin-right: auto;

    padding: 20px;

    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);

}



.editor_outsidelinkwarningmsgpopupclose{

    display: block;

    position: relative;

    float: right;

    margin-top: -10px;

    margin-right: -10px;

    cursor: pointer;

    color: #AAAAAA;

    font-family: 'Roboto', sans-serif;

    font-size: 16px;

}



.editor_outsidelinkwarningmsgpopuptext {

    font-family: 'Roboto', sans-serif;

    font-weight: normal;

    font-size: 14px;

    text-align: justify;

    color: #666666;

    cursor: context-menu;

    margin-left: 5px;

    margin-right: 10px;

    margin-top: 15px;

    list-style: none;

}



.editor_outsidelinkwarningmsgpopupbuttoncontainer	{

    display:block;

    width:100%;

    height: 21px;

    margin-top:15px;

    text-align: center;

}



.editor_outsidelinkwarningmsgpopupbuttonholder	{

    position: relative;

    margin: 0 20px;

    display: inline-block;

    width: 80px;

    height: 21px;

}



.editor_outsidelinkwarningmsgpopupbutton{

    font-family: 'Roboto', sans-serif;

    font-weight: normal;

    letter-spacing: .5px;

    font-size: 12px;

    color: #ffffff;

    float: right;

    text-decoration: none;

    width: 80px;

    height: 21px;

    padding-top: 0px;

    padding-bottom: 0px;

    background-color: #5dabf9;

    position: relative;

    -moz-border-radius: 1.25em;

    -webkit-border-radius: 1.25em;

    -webkit-appearance: none;

    border-radius: 1.25em;

}



.editor_outsidelinkwarningmsgpopupbutton a {

    width: 100%;

    display: inline-block;

    text-align: center;

    font-family: 'Roboto', sans-serif;

    font-weight: normal;

    letter-spacing: .5px;

    font-size: 12px;

    color: #ffffff;

    line-height: 20px;

}



.editor_outsidelinkwarningmsgpopupbutton:hover	{

    cursor: pointer;

    background-color: #7abafa;

}



.editor_outsidelinkwarningmsgpopupbutton:active {

    cursor: pointer;

    background-color: #549ae0;

}



/*E.D.I.T.O.R. S.H.A.K.E. A.N.I.M.A.T.I.O.N.*/

.editorshakelement {

    animation: editorshake 1s;

    animation-iteration-count: 1;

}



@keyframes editorshake {

    0% { margin-left: 0; }

    50% { margin-left: 10px; }

    100% { margin-left: 0; }

}



/*E.R.R.O.R. M.S.G.*/

.editor_msgpopupshowmediaerror{

    display: none;

    position: relative;

    z-index: 999998;

    width: calc(100% - 40px);

    max-width: 450px;

    background-color: #FFFFFF;

    margin-top: 100px;

    margin-left: auto;

    margin-right: auto;

    padding: 20px;

    -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);

}



.editor_mediaerrormsgpopupclose {

    display: block;

    position: relative;

    float: right;

    margin-top: -10px;

    margin-right: -10px;

    cursor: pointer;

    color:#666666;

    font-family: 'Roboto', sans-serif;

    font-size:16px;

}



.editor_mediaerrormsgpopupclose:hover {

    color: #999999;

}



.editor_mediaerrormsgpopuptitle {

    display:block;

    position:relative;

    font-family: 'Roboto', sans-serif;

    font-weight:bold;

    font-size:18px;

    color:#444444;

    margin-bottom:10px;

}



.editor_mediaerrormsgpopuptext {

    font-family: 'Roboto', sans-serif;

    font-weight: normal;

    font-size: 14px;

    text-align: justify;

    color: #666666;

    cursor: context-menu;

    margin-left: 5px;

    list-style: none;

}



.editor_mediaerrormsgpopupbuttoncontainer {

    display:block;

    width:100%;

    height: 21px;

    margin-top:15px;

    text-align: center;

}



.editor_mediaerrormsgpopupbuttonholder {

    position: relative;

    margin: 0 20px;

    display: inline-block;

    width: 80px;

    height: 21px;

}



.editor_mediaerrormsgpopupbutton {

    font-family: 'Roboto', sans-serif;

    font-weight: normal;

    letter-spacing: .5px;

    font-size: 12px;

    color: #ffffff;

    float: right;

    text-decoration: none;

    width: 80px;

    height: 21px;

    padding-top: 0px;

    padding-bottom: 0px;

    background-color: #5dabf9;

    position: relative;

    -moz-border-radius: 1.25em;

    -webkit-border-radius: 1.25em;

    -webkit-appearance: none;

    border-radius: 1.25em;

}



.editor_mediaerrormsgpopupbutton:hover	{

    cursor: pointer;

    background-color: #7abafa;

}



.editor_mediaerrormsgpopupbutton:active {

    cursor: pointer;

    background-color: #549ae0;

}





.editor_fromthewebimg{

    display: inline-block;

    position: relative;

    width: 120px;

    height: 40px;

    background-image: url(../assets/spritesv2/createcontent.png);

    background-size: 320px 800px;

    background-position: -180px 0px;



}

.editor_gettyimageslogo{

    display: inline-block;

    position: relative;

    width: 120px;

    height: 40px;

    background-image: url(../assets/spritesv2/createcontent.png);

    background-size: 320px 800px;

    background-position: -180px -40px;



}

.editor_giphylogosmall{

    display: inline-block;

    position: relative;

    width: 120px;

    height: 40px;

    background-image: url(../assets/spritesv2/createcontent.png);

    background-size: 320px 800px;

    background-position: -180px -80px;



}

.editor_gfycatlogosmall{

    display: inline-block;

    position: relative;

    width: 120px;

    height: 40px;

    background-image: url(../assets/spritesv2/createcontent.png);

    background-size: 320px 800px;

    background-position: -180px -120px;

}



.editor_searchwhite{

    cursor: pointer;

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: 0 -440px;

}

.editor_imageuploadpopupoverall	{

    display: none;

    position:fixed;

    left:0;

    z-index:999996;

}



.editor_imageuploadpopupbackground	{

    display: none;

    position: fixed;

    height: 100%;

    width: 200%;

    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;

}



.editor_imageuploadpopupwrapper	{

    overflow: auto;

    position: fixed;

    /* width: 100%; */

    left: 0;

    right: 0;

    top: 50px;

    bottom: 0;

}

#editor_imageuploadpopupcontainer	{

    text-align: center;

    display:block;

    position:fixed;

    height:0;

    width:100%;

    z-index:999998;

    top:50px;

}

.editor_imageuploadpopupphotocontainer {

    text-align: center;



}

#editor_gettyloading {

    margin: auto;

    position: absolute;

    top: 200px; left: 0; bottom: 0; right: 0;

    height: 80px;

    width: 80px;

}

#editor_gettyloadingtext {

    margin-top: 5px;

    font-family: 'Roboto', sans-serif;

    font-size:14px;

    font-weight:bold;

    color:#A9A9A9;

}

#editor_giphyloading {

    margin: auto;

    position: absolute;

    top: 200px; left: 0; bottom: 0; right: 0;

    height: 80px;

    width: 80px;

}

#editor_gfycatloading {

    margin: auto;

    position: absolute;

    top: 200px; left: 0; bottom: 0; right: 0;

    height: 80px;

    width: 80px;

}



#editor_giphyloadingtext{

    margin-top: 5px;

    font-family: 'Roboto', sans-serif;

    font-size:14px;

    font-weight:bold;

    color:#A9A9A9;

}

#editor_gfycatloadingtext{

    margin-top: 5px;

    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

    font-size:14px;

    font-weight:bold;

    color:#A9A9A9;

}



.editor_loadmoreimage {

    float: right;

    cursor: pointer;

}



#editor_loading {

    margin: auto;

    position: absolute;

    top: 200px; left: 0; bottom: 0; right: 0;

    height: 80px;

    width: 80px;

}

#editor_loadingtext{

    margin-top: 5px;

    font-family: 'Roboto', sans-serif;

    font-size:14px;

    font-weight:bold;

    color:#A9A9A9;

}

#editor_gettyimagesselectedimageloading {

    position: absolute;

    width: 80px;

    height: 80px;

    left: calc(50% - 40px);

    top: calc(50% - 40px);

}

#editor_gettyimagesselectedimageloading img{

    position: relative;

    float: left;

    width: 80px;

    height: 80px;

    left: calc(50% - 40px);

    top: calc(50% - 40px);

}



#editor_fromtheweblogocontainer {

    text-align: center;

    height: 50px;

}



#editor_gettyimagesselectedimageloadingtext{

    margin-top: 5px;

    font-family: 'Roboto', sans-serif;

    font-size:14px;

    font-weight:bold;

    color:#A9A9A9;

}



#editor_giphyselectedimageloading {

    margin: auto;

    position: absolute;

    top: 0; left: -30px; bottom: 0; right: 0;

    height: 80px;

    width: 80px;

}

#editor_gfycatselectedimageloading {

    margin: auto;

    position: absolute;

    top: 0; left: -30px; bottom: 0; right: 0;

    height: 80px;

    width: 80px;

}



#editor_giphyselectedimageloadingtext{

    margin-top: 5px;

    font-family: 'Roboto', sans-serif;

    font-size:14px;

    font-weight:bold;

    color:#A9A9A9;

}

#editor_gfycatselectedimageloadingtext{

    margin-top: 5px;

    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

    font-size:14px;

    font-weight:bold;

    color:#A9A9A9;

}



.editor_imageuploadpopupcenter	{

    display: block;

}



.editor_imageuploadpopup {

    width: calc(100% - 40px);

    max-width: 578px;

    margin-left: auto;

    margin-right: auto;

    display: none;

    background: rgba(0, 0, 0, 0.7);

    margin-top: 20px;

    margin-bottom: 20px;

    padding: 20px;

    -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);

    z-index: 99999;

    overflow: hidden;

}



.editor_imageuploadpopupclose {

    display: block;

    position: relative;

    float: right;

    width: 40px;

    height: 40px;

    background: url(../assets/sprites/createlistremoveimages.png);

    background-position: 0 0;

    border-radius: 50px;

    cursor: pointer;

    margin-right: -20px;

    margin-top: -20px;

    -webkit-transition: background-color .3s;

    -moz-transition: background-color .3s;

    -ms-transition: background-color .3s;

    -o-transition: background-color .3s;

    transition: background-color .3s;

}



.editor_imageuploadpopupclose:hover	{

    background-color: #666666;

}





.editor_imageuploadpopuptitle	{

    display: block;

    width: 100%;

    text-align: center;

    position: relative;

    font-family: 'Roboto', sans-serif;

    font-weight: bold;

    font-size: 18px;

    color: #FFFFFF;

    margin-bottom: 20px;

    padding-top: 5px;

    margin-left: auto;

    margin-right: auto;

}



.editor_imageuploadpopupfromholder	{

    text-align: center;

    padding-top: 3px;

    padding-bottom: 3px;

}



.editor_imageuploadpopupfrom {

    display: inline-block;

    padding: 1px 10px;

}



.editor_imageuploadfromyourdevice {

    float:left;

    display: inline;

    text-align: center;

    border-right: 1px solid #BBBBBB;

}



.editor_imageuploadfromtheweb	{

    float:left;

    display: inline;

    text-align: center;

}



.editor_imageuploadfromgetty	{

    float:left;

    display: inline;

    text-align: center;

    border-left: 1px solid #BBBBBB;

}



.editor_imageuploadfromgiphy	{

    float:left;

    display: inline;

    text-align: center;

    border-left: 1px solid #BBBBBB;

}

.editor_imageuploadfromgfycat	{

    float:left;

    display: inline;

    text-align: center;

    border-left: 1px solid #BBBBBB;

}

.editor_imageuploadfromyoutube	{

    float:left;

    display: inline;

    text-align: center;

}



.editor_imageuploadoptions	{

    display:inline-block;

    position:relative;

    float:left;

    width:150px;

    height: 14px;

    padding-top:5px;

    padding-bottom:5px;

    font-family: 'Roboto', sans-serif;

    font-size:14px;

    font-weight:bold;

    color:#666666;

    border-top:1px solid #FFFFFF;

    border-bottom:1px solid #FFFFFF;

}



.editor_imageuploadoptions:hover	{

    cursor:pointer;

    background-color:#D6E6F3;

    border-top:1px solid #72A8D3;

    border-bottom:1px solid #72A8D3;

    color:#438BC5;

}



.editor_imageuploadoptions:active	{

    cursor:pointer;

    background-color:#BDD7EC;

    color:#438BC5;

}



.editor_imageuploadoptions.selected {

    display:block;

    width:150px;

    padding-top:5px;

    padding-bottom:5px;

    font-family: 'Roboto', sans-serif;

    font-size:14px;

    font-weight:bold;

    cursor:pointer;

    background-color:#EDF4FA;

    color:#438BC5;

}



.editor_imageuploadoptions.selected:hover{

    cursor:pointer;

    background-color:#D6E6F3;

    padding-top:5px;

    padding-bottom:5px;

    color:#438BC5;

}



.editor_imageuploadoptions.selected:active	{

    cursor:pointer;

    background-color:#D6E6F3;

    padding-top:5px;

    padding-bottom:5px;

    color:#438BC5;

}



.editor_imageuploadfromyourdeviceholder	{

    position:relative;

    width:100%;

    float:left;

    padding-bottom:10px;

    display:block;

    clear:both;

}



.editor_imageuploadfromthewebholder	{

    text-align: center;

    position: relative;

    width: 100%;

    float: left;

    clear: both;

    display: none;

}



.editor_rawimageurl {

    float: left;

    display: block;

    position: relative;

    clear: both;

    text-align: left!important;

    width: calc(100% - 20px) !important;

    height: unset!important;

    padding: 10px !important;

    margin-top: 10px !important;

    font-family: 'Roboto', sans-serif;

    font-size: 12px;

    color: #f6f6f6;

    background-color: #404040!important;

    border: 1px solid #111111!important;

    -moz-border-radius: .40em;

    -webkit-border-radius: .40em;

    border-radius: .40em;



}



.editor_gettysearchbox {

    float: left;

    display: block;

    position: relative;

    clear: both;

    text-align: left!important;

    width: calc(100% - 57px)!important;

    height: unset!important;

    padding: 13px 8px!important;

    margin-top: 10px;

    font-family: 'Roboto', sans-serif;

    font-size: 12px;

    color: #f6f6f6;

    background-color: #404040;

    border: none!important;

    border-radius: 0!important;

    border-left: 1px solid #111111!important;

    border-top: 1px solid #111111!important;

    border-bottom: 1px solid #111111!important;

    -moz-border-radius-topleft: 3px!important;

    -webkit-border-top-left-radius: 3px!important;

    border-top-left-radius: 3px!important;

    -moz-border-radius-bottomleft: 3px!important;

    -webkit-border-bottom-left-radius: 3px!important;

    border-bottom-left-radius: 3px!important;

}



.editor_giphysearchbox {

    float: left;

    display: block;

    position: relative;

    clear: both;

    text-align: left !important;

    width: calc(100% - 57px) !important;

    height: unset !important;

    padding: 13px 8px !important;

    margin-top: 10px;

    font-family: 'Roboto', sans-serif;

    font-size: 12px;

    color: #f6f6f6;

    background-color: #404040;

    border: none !important;

    border-radius: 0 !important;

    border-left: 1px solid #111111 !important;

    border-top: 1px solid #111111 !important;

    border-bottom: 1px solid #111111 !important;

    -moz-border-radius-topleft: 3px!important;

    -webkit-border-top-left-radius: 3px !important;

    border-top-left-radius: 3px !important;

    -moz-border-radius-bottomleft: 3px!important;

    -webkit-border-bottom-left-radius: 3px !important;

    border-bottom-left-radius: 3px !important;



}



.editor_gfycatsearchbox {

    float: left;

    display: block;

    position: relative;

    clear: both;

    text-align: left !important;

    width: calc(100% - 57px) !important;

    height: unset !important;

    padding: 13px 8px !important;

    margin-top: 10px;

    font-family: 'Roboto', sans-serif;

    font-size: 12px;

    color: #f6f6f6;

    background-color: #404040;

    border: none !important;

    border-radius: 0 !important;

    border-left: 1px solid #111111 !important;

    border-top: 1px solid #111111 !important;

    border-bottom: 1px solid #111111 !important;

    -moz-border-radius-topleft: 3px!important;

    -webkit-border-top-left-radius: 3px !important;

    border-top-left-radius: 3px !important;

    -moz-border-radius-bottomleft: 3px!important;

    -webkit-border-bottom-left-radius: 3px !important;

    border-bottom-left-radius: 3px !important;

}



#editor_gettyimagessearchbuttonholder	{

    float: left;

    display: block;

    margin-top: 12px;

    position: relative;

}



#editor_gettyimagessearchbutton	{

    text-decoration: none;

    width: 40px;

    height: 40px;

    -moz-border-radius-topright: 3px;

    -webkit-border-top-right-radius: 3px;

    border-top-right-radius: 3px;

    -moz-border-radius-bottomright: 3px;

    -webkit-border-bottom-right-radius: 3px;

    border-bottom-right-radius: 3px;

    background-color: #5dabf9;

    overflow: hidden;

}



#editor_gettyimagessearchbutton:hover	{

    cursor:pointer;

    background-color:#7abafa; /* Old browsers */

}



#editor_giphysearchbuttonholder {

    float: left;

    display: block;

    margin-top: 12px;

    position: relative;

}

#editor_giphysearchbutton	{

    text-decoration: none;

    width: 40px;

    height: 40px;

    -moz-border-radius-topright: 3px;

    -webkit-border-top-right-radius: 3px;

    border-top-right-radius: 3px;

    -moz-border-radius-bottomright: 3px;

    -webkit-border-bottom-right-radius: 3px;

    border-bottom-right-radius: 3px;

    background-color: #5dabf9;

    overflow: hidden;

}

#editor_giphysearchbutton:hover	{

    cursor:pointer;

    background-color:#7abafa; /* Old browsers */

}



#editor_gfycatsearchbuttonholder	{

    float: left;

    display: block;

    margin-top: 12px;

    position: relative;

}

#editor_gfycatsearchbutton	{

    text-decoration: none;

    width: 40px;

    height: 40px;

    -moz-border-radius-topright: 3px;

    -webkit-border-top-right-radius: 3px;

    border-top-right-radius: 3px;

    -moz-border-radius-bottomright: 3px;

    -webkit-border-bottom-right-radius: 3px;

    border-bottom-right-radius: 3px;

    background-color: #5dabf9;

    overflow: hidden;

}

#editor_gfycatsearchbutton:hover	{

    cursor: pointer;

    background-color: #7abafa;

}





.editor_gettyoutput{

    white-space:nowrap;

}

.editor_giphyoutput{

    white-space:nowrap;

}

.editor_gfycatoutput{

    height:155px;

    white-space:nowrap;

}



.editor_fromweboutput{

    white-space:nowrap;

}

.editor_gettyimagesselectedimage {

    background: #D6E6F3;

}

.editor_gettyimagesselectedimageouter {



    background: #0075EA;



}

.editor_giphyselectedimage {

    background: #D6E6F3;

}

.editor_giphyselectedimageouter {



    background: #0075EA;



}

.editor_gfycatselectedimage {

    background: #D6E6F3;

}

.editor_gfycatselectedimageouter {

    background: #0075EA;

}



.editor_fromwebimagesselectedimage {

    background: #D6E6F3;

}

.editor_fromwebimagesselectedimageouter {



    background: #0075EA;

}



.editor_gettyoutputgalleryimagewrapper{

    padding-right: 5px;

    padding-left: 5px;

    padding-top: 4px;

    padding-bottom: 4px;

    display: inline-block;

}

.editor_gettyoutputgalleryimagewrapperouter {

    padding-right: 2px;

    padding-left: 2px;

    padding-top: 2px;

    padding-bottom: 2px;

    display: inline-block;

}



.editor_gettyoutputgalleryimage {

    height: 120px;

    width:auto;

    cursor: pointer;

}



.editor_giphyoutputgalleryimagewrapper{

    padding-right: 5px;

    padding-left: 5px;

    padding-top: 4px;

    padding-bottom: 4px;

    display: inline-block;

}

.editor_giphyoutputgalleryimagewrapperouter {

    padding-right: 2px;

    padding-left: 2px;

    padding-top: 2px;

    display: inline-block;

}



.editor_giphyoutputgalleryimage {

    float: left;

    height:120px;

    width:auto;

    cursor: pointer;

}

.editor_gfycatoutputgalleryimagewrapper{

    padding-right: 5px;

    padding-left: 5px;

    padding-top: 4px;

    padding-bottom: 4px;

    display: inline-block;

}

.editor_gfycatoutputgalleryimagewrapperouter {

    padding-right: 2px;

    padding-left: 2px;

    padding-top: 2px;

    display: inline-block;

}



.editor_gfycatoutputgalleryimage {

    float: left;

    height:120px;

    width:auto;

    cursor: pointer;

}



.editor_fromweboutputgalleryimagewrapper{

    padding-right: 5px;

    padding-left: 5px;

    padding-top: 4px;

    padding-bottom: 4px;

    display: inline-block;

}

.editor_fromweboutputgalleryimagewrapperouter {

    padding-right: 2px;

    padding-left: 2px;

    padding-top: 2px;

    padding-bottom: 2px;

    display: inline-block;

}



.editor_fromweboutputgalleryimage {

    height: 120px;

    width:auto;

    cursor: pointer;

}

.editor_gettygallery {

    display: none;

    height: 166px !important;

    clear: both;



}

#editor_imageuploadpopupphotowrapperright .jspTrack{

    width: calc(100% - 2px)!important;

    background-color: #404040;

    border:1px solid #111111;

    -webkit-border-radius: .40em;

    -moz-border-radius: .40em;

    border-radius: .40em;

    -webkit-box-shadow: inset 0 0px 10px -2px #000000;

    -moz-box-shadow: inset 0 0px 10px -2px #000000;

    box-shadow: inset 0 0px 10px -2px #000000;

}

#editor_imageuploadpopupphotowrapperright .jspDrag{

    height: 12px!important;

    top:-2px;

    background-color: #B13D3D;

    -webkit-border-radius: 1.5em;

    -moz-border-radius: 1.5em;

    border-radius: 1.5em;

}

#editor_imageuploadpopupphotowrapperright .jspDrag:hover{

    background-color: #c74e4e;

}



.editor_giphygallery {

    display: none;

    height: 166px !important;

    clear: both;



}

.editor_gfycatgallery {

    display: none;

    height: 166px !important;

    clear: both;



}



.editor_fromwebgallery {

    display: none;

    height: 166px !important;

    clear: both;

}



.horizontal-only {

    height: auto;

    max-height: 155px;

}



.editor_gettyoutputcontainer {

    position: relative;

    float: left;

    margin-top: 10px;

}



.editor_giphyoutputcontainer {

    position: relative;

    float: left;

    margin-top: 10px;

}

.editor_gfycatoutputcontainer {

    float: left;

    height:155px;

    margin-top: 10px;

}



.editor_fromweboutputcontainer {

    position: relative;

    float: left;

    margin-top: 10px;

}



.editor_imageuploadfromgettyholder	{

    position: relative;

    width: 100%;

    float: left;

    display: none;

}





.editor_imageuploadfromgiphyholder	{

    position: relative;

    width: 100%;

    float: left;

    clear: both;

    display: none;

}



.editor_imageuploadfromgfycatholder	{

    position: relative;

    width: 100%;

    float: left;

    display: none;

}



.editor_dragyourimageherefromyourdevice{

    position:relative;

    display:block;

    clear:both;

    border: dotted 2px #438BC5;

    display: none;

    font-size: 20px;

    text-align: center;

    font-family: 'Roboto', sans-serif;

}



.editor_dragyourimageherefromyourdevicetext	{

    position:relative;

    display:block;

    font-size: 20px;

    height: 20px;

    font-family: 'Roboto', sans-serif;

    color:#438BC5;

}



.editor_dragyourimageherefromweb{

    position:relative;

    display:block;

    clear:both;

    border: dotted 2px #438BC5;

    display: none;

    font-size: 20px;

    text-align: center;

    font-family: 'Roboto', sans-serif;

}



.editor_dragyourimageherefromwebtext{

    position:relative;

    display:block;

    font-size: 20px;

    height: 20px;

    font-family: 'Roboto', sans-serif;

    color:#438BC5;

}



.editor_imageuploadpopupphotowrapper	{

    display:block;

    position:relative;

    width:100%;

}

.editor_imageuploadpopupphotowrapper *{

    box-sizing: unset;

    text-align: center;

}

#editor_gettyimageslogocontainer{

    text-align: center;

}

.editor_imageuploadpopupphotowrapperleft	{

    display: inline-block;

    text-align: center;

    position: relative;

}



.editor_imageuploadpopupphotowrapperright	{

    display:inline-block;

    position:relative;

    width: 100%;

    padding-bottom: 5px;



}



.editor_imageuploadpopupphototitle	{

    float:left;

    font-family: 'Roboto', sans-serif;

    font-size:12px;

    color:#888888;

    padding-bottom:5px;

}



.editor_imageuploadpopupphoto	{

    clear: both;

    width: 100%;

}



.editor_imageuploadpopupuploadtext	{

    display: none;

    position:relative;

    font-family: 'Roboto', sans-serif;

    font-size:12px;

    color:#999999;

    height:12px;

    padding-top:6px;

    padding-bottom:9px;

    padding-left:3px;

    overflow:hidden;

    text-overflow:ellipsis;

    white-space:nowrap;

    text-align: left;

}



.editor_imageurltext	{

    position:relative;

    float:left;

    font-family: 'Roboto', sans-serif;

    padding-top:6px;

    padding-bottom:5px;

    padding-left:5px;

    overflow:hidden;

    text-overflow:ellipsis;

    white-space:nowrap;

    text-align: left;

    font-weight:bold;

    font-size:14px;

    color:#666666;

}



.editor_imageuploadpopupfeedback	{

    position: relative;

    width: 100%;

    float: left;

    font-family: 'Roboto', sans-serif;

    text-align: justify;

    line-height: 14px;

    font-size: 13px;

    color: #888888;

    padding-top: 5px;

}





.editor_imageuploadpopupfeedback strong	{

    font-weight:bold;

}



.editor_imageuploadpopupuploadbuttonholder	{

    position: relative;

    width: 91px;

    margin-left: auto;

    margin-right: auto;

}



.editor_imageuploadpopupuploadbutton {

    position: absolute;

    left: -999999px;

}



.editor_imageuploadpopupuploadbuttonlabel	{

    cursor: pointer;

    width: 75px;

    display: block;

    position: relative;

    float: left;

    padding: 7px;

    font-family: 'Roboto', sans-serif;

    font-size: 12px;

    line-height: 18px;

    color: #ffffff;

    background-color: #5dabf9;

    -moz-border-radius: .40em;

    -webkit-border-radius: .40em;

    border-radius: .40em;

    -webkit-appearance: none;

    -webkit-transition-duration: .3s;

    -moz-transition-duration: .3s;

    -ms-transition-duration: .3s;

    -o-transition-duration: .3s;

    transition-duration: .3s;

    text-align: center;

}



.editor_imageuploadpopupuploadbuttonlabel:hover	{

    cursor:pointer;

    background-color: #7abafa;

}







.editor_imageuploadpopuppreviewtitle	{

    position:relative;

    float:left;

    clear:both;

    font-family: 'Roboto', sans-serif;

    font-weight:bold;

    font-size:12px;

    color:#888888;

    padding-left:10px;

    padding-bottom:5px;

}



.editor_imageuploadpopuppreview	{

    position:relative;

    float:left;

    clear:both;

    margin-left:10px;

    width:30px;

    height:30px;

    overflow: hidden;

    border:5px solid #DDDDDD;

    -moz-border-radius:0.20em;

    -webkit-border-radius:0.20em;

    border-radius:0.20em;

}



.editor_imageuploadpopuppreviewtext	{

    position:relative;

    float:left;

    width:180px;

    padding-left:8px;

    font-family: 'Roboto', sans-serif;

    font-size:11px;

    color:#888888;

    padding-bottom:5px;

}



.editor_imageuploadpopupuploadreminder	{

    position: relative;

    width: 100%;

    float: left;

    font-family: 'Roboto', sans-serif;

    text-align: justify;

    line-height: 14px;

    font-size: 11px;

    color: #CCCCCC;

    padding-top: 5px;

}



.editor_imageuploadpopupuploadreminderweb	{

    position:relative;

    float:left;

    clear:both;

    text-align:justify;

    width:440px;

    padding-top:10px;

    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

    font-size:11px;

    color:#888888;

}



.editor_imageuploadpopupuprotateimagewrapper {

    display:block;

    position:relative;

    float:left;

    margin-top:10px;

    width:100%;

}



.editor_imageuploadpopupuprotateimage {

    display:block;

    position:relative;

    width:160px;

    margin-left:auto;

    margin-right:auto;

}



.editor_imageuploadpopupuprotateimageleft {

    position: relative;

    float: left;

    width: 30px;

    height: 30px;

    margin-right:5px;

    background-image: url("../assets/sprites/create_list_image_rotate_icons.png");

    background-size: 60px 30px;

    background-position: 0 0;

    cursor: pointer;

}



.editor_imageuploadpopupuprotateimageleft:hover {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

}



.editor_imageuploadpopupuprotateimageleft:active {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



.editor_imageuploadpopupuprotateimageright {

    position: relative;

    float: left;

    width: 30px;

    height: 30px;

    margin-left: 5px;

    margin-right: 10px;

    background-image: url(../assets/sprites/create_list_image_rotate_icons.png);

    background-size: 60px 30px;

    background-position: -30px 0;

    cursor: pointer;

}



.editor_imageuploadpopupuprotateimageright:hover {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

}



.editor_imageuploadpopupuprotateimageright:active {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



.editor_imageuploadpopupuprotateimagetext {

    display: none;

    position:relative;

    clear:both;

    float:left;

    width:60px;

    margin-left:auto;

    margin-right:auto;

    text-align:center;

    font-family: 'Roboto', sans-serif;

    font-size:10px;

    color:#888888;

}



.editor_imageuploadpopupupflipimage {

    display: block;

    position: relative;

    width: 160px;

    margin-left: auto;

    margin-right: auto;

}



.editor_imageuploadpopupupflipimagehorizontal {

    position: relative;

    float: left;

    width: 30px;

    height: 30px;

    margin-right: 5px;

    margin-left: 10px;

    background-image: url(../assets/sprites/image_flip_icon.png);

    background-size: 30px 60px;

    background-position: 0 0;

    cursor: pointer;

}



.editor_imageuploadpopupupflipimagevertical {

    position: relative;

    float: left;

    width: 30px;

    height: 30px;

    margin-left: 5px;

    background-image: url(../assets/sprites/image_flip_icon.png);

    background-size: 30px 60px;

    background-position: 0 -30px;

    cursor: pointer;

}



.editor_imageuploadpopupbuttonouter	{

    padding-top: 10px;

    display: block;

    clear: both;

    width: 100%;

}



.editor_imageuploadpopupbuttoncontainer	{

    display:block;

    clear:both;

    width:260px;

    height: 32px;

    margin-left:auto;

    margin-right:auto;

}



.editor_imageuploadpopupbuttonholder	{

    float: left;

    display: block;

    width: 110px;

    margin-left: 10px;

    margin-right: 10px;

}



.editor_imageuploadpopupbutton	{

    cursor: pointer;

    width: 110px;

    display: block;

    position: relative;

    float: left;

    padding: 7px;

    font-family: 'Roboto', sans-serif;

    font-size: 12px;

    line-height: 18px;

    color: #ffffff;

    background-color: #B13D3D;

    -moz-border-radius: .40em;

    -webkit-border-radius: .40em;

    border-radius: .40em;

    -webkit-appearance: none;

    -webkit-transition-duration: .3s;

    -moz-transition-duration: .3s;

    -ms-transition-duration: .3s;

    -o-transition-duration: .3s;

    transition-duration: .3s;

}



.editor_imageuploadpopupbutton:hover	{

    cursor: pointer;

    background-color: #c74e4e;

}





.editor_imageuploadpopupbuttondisabled	{

    cursor: not-allowed;

    width: 110px;

    display: block;

    position: relative;

    float: left;

    padding: 7px;

    font-family: 'Roboto', sans-serif;

    font-size: 12px;

    line-height: 18px;

    color: #f6f6f6;

    background-color: #cccccc;

    -moz-border-radius: .40em;

    -webkit-border-radius: .40em;

    border-radius: .40em;

    -webkit-appearance: none;

    -webkit-transition-duration: .3s;

    -moz-transition-duration: .3s;

    -ms-transition-duration: .3s;

    -o-transition-duration: .3s;

    transition-duration: .3s;

}



.editor_imageuploadpopupphotocontainer .zerodeg {

    transform:rotate(0deg);

    -ms-transform:rotate(0deg);

    -webkit-transform:rotate(0deg);

}



.editor_imageuploadpopupphotocontainer .ninetydeg {

    transform:rotate(90deg);

    -ms-transform:rotate(90deg);

    -webkit-transform:rotate(90deg);

}



.editor_imageuploadpopupphotocontainer .oneeightydeg	{

    transform:rotate(180deg);

    -ms-transform:rotate(180deg);

    -webkit-transform:rotate(180deg);

}



.editor_imageuploadpopupphotocontainer .twoseventydeg {

    transform:rotate(270deg);

    -ms-transform:rotate(270deg);

    -webkit-transform:rotate(270deg);

}



#editor_imageareaselectcontainer {

    position: relative;

    top: -206px;

    left: -188px;

}



#editor_thumbnailimageareaselectcontainer {

    position: relative;

    top: -80px;

    left: -205px;

}





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

    .editor_imageuploadpopup{

        position: absolute;

        height: 100%;

        margin-top: 0;

        margin-bottom: 0;

        border-radius: unset;

        overflow-y: auto;

    }

}



/*IMAGE IN  PREVIEW PART START*/



.editor_imageuploadpreviewwrapper {

    display: none;

    position: relative;

    float: left;

    width: calc(100% - 40px);

    margin-left: 40px;

}



.editor_imageuploadpreviewdivholder {

    position: relative;

    margin-left:auto;

    margin-right: auto;

    width: 100%;

    overflow: hidden;

    border-radius: 5px;

}





.editor_previewimagechangedivholder {

    position: absolute;

    width: calc(100% - 20px);

    left: 10px;

    top: 10px;

    overflow: hidden;

    z-index: 9;

}



.editor_previewimagechangebutton {

    cursor: pointer;

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin-right: 5px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    -webkit-transition-duration: .3s;

    -moz-transition-duration: .3s;

    -ms-transition-duration: .3s;

    -o-transition-duration: .3s;

    transition-duration: .3s;

    background-color: rgba(0, 0, 0, 0.6);

    background-image: url(../assets/sprites/new_image_uploader_button.png);

    background-position: -300px 0;

}



html.touch .editor_previewimagechangedivholder {

    display: block;

}





.editor_previewimagechangeoptionswrapper{

    position: relative;

    float: left;

    overflow: hidden;

}



.editor_imageuploadpreviewoptionsholder .editor_image_upload_button_one {

    cursor: pointer;

    position: relative;

    float: left;

    width: 75px;

    height: 30px;

    margin-right: 5px;

    margin-top: 5px;

    -webkit-border-radius: .40em;

    -moz-border-radius: .40em;

    border-radius: .40em;

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    -o-transform: scale(0);

    transform: scale(0);

    -webkit-transition-duration: .3s;

    -moz-transition-duration: .3s;

    -ms-transition-duration: .3s;

    -o-transition-duration: .3s;

    transition-duration: .3s;

    background-color: rgba(0, 0, 0, 0.6);

}

.editor_imageuploadpreviewoptionsholder .editor_image_upload_button_two {

    cursor: pointer;

    position: relative;

    float: left;

    width: 75px;

    height: 30px;

    margin-right: 5px;

    margin-top: 5px;

    -webkit-border-radius: .40em;

    -moz-border-radius: .40em;

    border-radius: .40em;

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    -o-transform: scale(0);

    transform: scale(0);

    -webkit-transition-duration: .3s;

    -moz-transition-duration: .3s;

    -ms-transition-duration: .3s;

    -o-transition-duration: .3s;

    transition-duration: .3s;

    background-color: rgba(0, 0, 0, 0.6);

}

.editor_imageuploadpreviewoptionsholder .editor_image_upload_button_three {

    cursor: pointer;

    position: relative;

    float: left;

    width: 75px;

    height: 30px;

    margin-right: 5px;

    margin-top: 5px;

    -webkit-border-radius: .40em;

    -moz-border-radius: .40em;

    border-radius: .40em;

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    -o-transform: scale(0);

    transform: scale(0);

    -webkit-transition-duration: .3s;

    -moz-transition-duration: .3s;

    -ms-transition-duration: .3s;

    -o-transition-duration: .3s;

    transition-duration: .3s;

    background-color: rgba(0, 0, 0, 0.6);

}

.editor_imageuploadpreviewoptionsholder .editor_image_upload_button_four {

    cursor: pointer;

    position: relative;

    float: left;

    width: 75px;

    height: 30px;

    margin-right: 5px;

    margin-top: 5px;

    -webkit-border-radius: .40em;

    -moz-border-radius: .40em;

    border-radius: .40em;

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    -o-transform: scale(0);

    transform: scale(0);

    -webkit-transition-duration: .3s;

    -moz-transition-duration: .3s;

    -ms-transition-duration: .3s;

    -o-transition-duration: .3s;

    transition-duration: .3s;

    background-color: rgba(0, 0, 0, 0.6);

}

.editor_imageuploadpreviewoptionsholder .editor_image_upload_button_five {

    cursor: pointer;

    position: relative;

    float: left;

    width: 75px;

    height: 30px;

    margin-right: 5px;

    margin-top: 5px;

    -webkit-border-radius: .40em;

    -moz-border-radius: .40em;

    border-radius: .40em;

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    -o-transform: scale(0);

    transform: scale(0);

    -webkit-transition-duration: .3s;

    -moz-transition-duration: .3s;

    -ms-transition-duration: .3s;

    -o-transition-duration: .3s;

    transition-duration: .3s;

    background-color: rgba(0, 0, 0, 0.6);

}

.editor_imageuploadpreviewoptionsholder .imageuploadfromdevicebrowseicon {

    position: relative;

    float: left;

    width: 75px;

    height: 30px;

    background-image: url(../assets/sprites/new_image_uploader_button.png);

    background-position: 0 0;

}



.editor_imageuploadpreviewoptionsholder .imageuploadfromnetwebicon{

    position: relative;

    float: left;

    width: 75px;

    height: 30px;

    background-image: url(../assets/sprites/new_image_uploader_button.png);

    background-position: -75px 0;

}



.editor_imageuploadpreviewoptionsholder .imageuploadfromnetgettyicon{

    position: relative;

    float: left;

    width: 75px;

    height: 30px;

    background-image: url(../assets/sprites/new_image_uploader_button.png);

    background-position: -150px 0;

}



.editor_imageuploadpreviewoptionsholder .imageuploadfromnetgiphyicon{

    position: relative;

    float: left;

    width: 75px;

    height: 30px;

    background-image: url(../assets/sprites/new_image_uploader_button.png);

    background-position: -225px 0;

}



.editor_imageuploadpreviewoptionsholder .imageuploadfromnetgfycaticon{

    position: relative;

    float: left;

    width: 75px;

    height: 30px;

    background-image: url(../assets/sprites/new_image_uploader_button.png);

    background-position: -50px -110px;

}



.editor_imageuploadpreviewoptionsholder .editor_image_upload_buttons_show {

    transform: scale(1);

}



.editor_imageuploadpreviewcancelbtndivholder {

    position: absolute;

    top: 10px;

    right: 10px;

}



.editor_imageuploadpreviewcancelbtn {

    cursor: pointer;

    position: absolute;

    top: 10px;

    right: 10px;

    width: 20px;

    height: 20px;

    margin-left: 50px;

    margin-top: 5px;

    background-color: rgba(0, 0, 0, .8);

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    background-image: url(../assets/spritesv2/createcontent.png);

    background-size: 320px 800px;

    background-position: 0 -160px;

    -webkit-box-shadow: -1px 1px 20px -4px #ffffff;

    -moz-box-shadow: -1px 1px 20px -4px #FFFFFF;

    box-shadow: -1px 1px 20px -4px #ffffff;

    cursor: pointer;

    z-index: 1;

}



/*IMAGE IN  PREVIEW PART END*/



/*IMAGE IN  SECTION START*/





.gifplaypausebutton{

    position: absolute;

    background: rgba(0,0,0,0.3);

    height: 60px;

    width: 60px;

    border-radius: 50%;

    border: 4px dashed lightgrey;

    top: calc(50% - 35px);

    left: calc(50% - 40px);

    z-index: 2;

    text-align: center;

    -webkit-box-shadow: 0 0 5px 3px rgba(0, 0, 0, .45);

    cursor: pointer;

}



.gifplaypausetext{

    position: relative;

    margin-top: 25px;

    font-size: 18px;

    color: rgba(255,255,255, 0.90);

    font-family: 'Roboto', sans-serif;

}



.imageframe{

    position: absolute;

    top: 0;

    left: 0;

    visibility: visible;

    height: 100%;

    width: 100%;

}



/*IMAGE IN  SECTION END*/



/*TABLE*/

.editor_tableholderinpostedsection .editor_tableinpostedsection,

.editor_tableholderinpostedsection .editor_tableinpostedsection th,

.editor_tableholderinpostedsection .editor_tableinpostedsection tr,

.editor_tableholderinpostedsection .editor_tableinpostedsection td {

    padding: 5px;

    border: 1px solid grey;

    font-size: 12px;

    color:#666666;

    font-family: 'Roboto', sans-serif;

}



.editor_tableholderinpostedsection .editor_tableinpostedsection {

    width: calc(100% - 15px);

}



.editor_tableholderinpostedsection .editor_tableinpostedsection tr,

.editor_tableholderinpostedsection .editor_tableinpostedsection td {

    min-width: 20px;

    max-width: 20px;

    height: 20px;

}



.editor_mentionaryusernameholderinpostedsection {

    border-radius: 2px;

    position: relative;

    background-color: #2F4F4F;

    color: white;

    padding: 2px;

    margin-left: 2px;

    margin-right: 2px;

    white-space: pre;

}



.editor_mentionaryusernameholderinpostedsection:hover{

    opacity: 0.7;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

}



.editor_mentionaryusernameholderinpostedsection a{

    color: white;

    text-decoration: none;

}



.editor_mentionaryitemnameholderinpostedsection {

    border-radius: 2px;

    position: relative;

    background-color: #2e5894;

    color: white;

    padding: 2px;

    margin-left: 2px;

    margin-right: 2px;

    white-space: pre;

}



.editor_mentionaryitemnameholderinpostedsection:hover{

    opacity: 0.7;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

}



.editor_mentionaryitemnameholderinpostedsection a{

    color: white;

    text-decoration: none;

}



.editor_popupdivholderforpostedsection {

    display: none;

    text-align: center;

    position: fixed;

    height: 0;

    width: 100%;

    z-index: 999998;

    top: 40px;

    left: 0px;

}



.editor_popupdivholderforpostedsection .editor_msgpopupbackground {

    display: none;

    left: 0px;

    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;

}



/*O.U.T.S.I.D.E. L.I.N.K. W.A.R.N.I.N.G M.S.G. P.O.P.U.P.*/

.editor_popupdivholderforpostedsection .editor_outsidelinkwarningmsgpopupdivholder{

    display: none;

    position: relative;

    z-index: 999998;

    width: calc(100% - 40px);

    max-width: 450px;

    background-color: #FFFFFF;

    margin-top: 100px;

    margin-left: auto;

    margin-right: auto;

    padding: 20px;

    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);

}



.editor_popupdivholderforpostedsection .editor_outsidelinkwarningmsgpopupclose{

    display: block;

    position: relative;

    float: right;

    margin-top: -10px;

    margin-right: -10px;

    cursor: pointer;

    color: #AAAAAA;

    font-family: 'Roboto', sans-serif;

    font-size: 16px;

}



.editor_popupdivholderforpostedsection .editor_outsidelinkwarningmsgpopuptext {

    font-family: 'Roboto', sans-serif;

    font-weight: normal;

    font-size: 14px;

    text-align: justify;

    color: #666666;

    cursor: context-menu;

    margin-left: 5px;

    margin-right: 10px;

    margin-top: 15px;

    list-style: none;

}



.editor_popupdivholderforpostedsection .editor_outsidelinkwarningmsgpopupbuttoncontainer {

    display:block;

    width:100%;

    height: 21px;

    margin-top:15px;

    text-align: center;

}



.editor_popupdivholderforpostedsection .editor_outsidelinkwarningmsgpopupbuttonholder {

    position: relative;

    margin: 0 20px;

    display: inline-block;

    width: 80px;

    height: 21px;

}



.editor_popupdivholderforpostedsection .editor_outsidelinkwarningmsgpopupbutton{

    font-family: 'Roboto', sans-serif;

    font-weight: normal;

    letter-spacing: .5px;

    font-size: 12px;

    color: #ffffff;

    float: right;

    text-decoration: none;

    width: 80px;

    height: 21px;

    padding-top: 0px;

    padding-bottom: 0px;

    background-color: #5dabf9;

    position: relative;

    -moz-border-radius: 1.25em;

    -webkit-border-radius: 1.25em;

    -webkit-appearance: none;

    border-radius: 1.25em;

}



.editor_popupdivholderforpostedsection .editor_outsidelinkwarningmsgpopupbutton a {

    width: 100%;

    display: inline-block;

    text-align: center;

    font-family: 'Roboto', sans-serif;

    font-weight: normal;

    letter-spacing: .5px;

    font-size: 12px;

    color: #ffffff;

    line-height: 20px;

}



.editor_popupdivholderforpostedsection .editor_outsidelinkwarningmsgpopupbutton:hover	{

    cursor: pointer;

    background-color: #7abafa;

}



.editor_popupdivholderforpostedsection .editor_outsidelinkwarningmsgpopupbutton:active {

    cursor: pointer;

    background-color: #549ae0;

}



/*H.Y.P.E.R.L.I.N.K.*/

.editor_hyperlinkholderinpostedsection {

    cursor: pointer;

    color: #08457e;

    text-decoration: underline;

    font-weight: bold;

}



.editor_refholderinpostedsection {

    color: blue;

}



/*E.R.R.O.R. M.S.G.*/

.editor_msgpopupshowmaperror{

    display: none;

    position: relative;

    z-index: 999998;

    width: calc(100% - 40px);

    max-width: 450px;

    background-color: #FFFFFF;

    margin-top: 100px;

    margin-left: auto;

    margin-right: auto;

    padding: 20px;

    -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);

}



.editor_maperrormsgpopupclose {

    display: block;

    position: relative;

    float: right;

    margin-top: -10px;

    margin-right: -10px;

    cursor: pointer;

    color:#666666;

    font-family: 'Roboto', sans-serif;

    font-size:16px;

}



.editor_maperrormsgpopupclose:hover {

    color: #999999;

}



.editor_maperrormsgpopuptitle {

    display:block;

    position:relative;

    font-family: 'Roboto', sans-serif;

    font-weight:bold;

    font-size:18px;

    color:#444444;

    margin-bottom:10px;

}



.editor_maperrormsgpopuptext {

    font-family: 'Roboto', sans-serif;

    font-weight: normal;

    font-size: 14px;

    text-align: justify;

    color: #666666;

    cursor: context-menu;

    margin-left: 5px;

    list-style: none;

}



.editor_maperrormsgpopupbuttoncontainer {

    display:block;

    width:100%;

    height: 21px;

    margin-top:15px;

    text-align: center;

}



.editor_maperrormsgpopupbuttonholder {

    position: relative;

    margin: 0 20px;

    display: inline-block;

    width: 80px;

    height: 21px;

}



.editor_maperrormsgpopupbutton {

    font-family: 'Roboto', sans-serif;

    font-weight: normal;

    letter-spacing: .5px;

    font-size: 12px;

    color: #ffffff;

    float: right;

    text-decoration: none;

    width: 80px;

    height: 21px;

    padding-top: 0px;

    padding-bottom: 0px;

    background-color: #5dabf9;

    position: relative;

    -moz-border-radius: 1.25em;

    -webkit-border-radius: 1.25em;

    -webkit-appearance: none;

    border-radius: 1.25em;

}



.editor_maperrormsgpopupbutton:hover	{

    cursor: pointer;

    background-color: #7abafa;

}



.editor_maperrormsgpopupbutton:active {

    cursor: pointer;

    background-color: #549ae0;

}





/*MAIN POPUP*/



.editor_locationmapuploadpopupoverall {

    display: none;

    position:fixed;

    left:0;

    z-index:999996;

}



.editor_locationmapuploadpopupbackground {

    display:block;

    position:fixed;

    height:100%;

    width:200%;

    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;

}



.editor_locationmapuploadpopupwrapper {

    overflow: auto;

    position: fixed;

    left: 0;

    right: 0;

    top: 40px;

    bottom: 0;

}



#editor_locationmapuploadpopupcontainer	{

    text-align: center;

    display:block;

    position:fixed;

    height:0;

    width:100%;

    z-index:999998;

    top:40px;

}



.editor_locationmapuploadpopupphotocontainer {

    text-align: center;



}





/*MAP LOADING GIF*/

.editor_maploadinggif {

    position: relative;

    height: 350px;

    width: 100%;

    top: 0;

    left: 0;

}



.editor_maploadinggif img{

    position: relative;

    float: left;

    width: 80px;

    height: 80px;

    left: calc(50% - 40px);

    top: calc(50% - 40px);

}





.editor_maploadingtext{

    margin-top: 5px;

    font-family: 'Roboto', sans-serif;

    font-size:14px;

    font-weight:bold;

    color:#A9A9A9;

}



#editor_locationmaplogocontainer {

    height: 50px;



}



.editor_locationmaplogoimg {

    display: inline-block;

    position: relative;

    width: 40px;

    height: 40px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: 0 -680px;

}





.editor_locationmapuploadpopupcenter {

    display: block;

}



.editor_locationmapuploadpopup {

    width: calc(100% - 40px);

    max-width: 538px;

    margin-left: auto;

    margin-right: auto;

    background: rgba(0, 0, 0, 0.7);

    margin-top: 20px;

    margin-bottom: 20px;

    padding: 20px;

    -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);

    z-index: 99999;

    overflow: hidden;

}



.editor_locationmapuploadpopuptitle	{

    display: block;

    width: 100%;

    text-align: center;

    position: relative;

    font-family: 'Roboto', sans-serif;

    font-weight: bold;

    font-size: 18px;

    color: #FFFFFF;

    margin-bottom: 20px;

    padding-top: 5px;

    margin-left: auto;

    margin-right: auto;

}



.editor_mapvaluescontainer {

    color: #fff;

    font-size: 18px;

    font-family: 'Roboto', sans-serif;

    position: relative;

    margin-top: 5px;

    float: left;

    width: 100%;

}



.editor_mapvaluescaption {

    position: relative;

    margin-top: 30px;

    margin-bottom: 15px;

    margin-left: 0px;

}



.editor_mapvaluescaption p{

    color: lightgray;

    font-size: 15px;

    font-family: 'Roboto', sans-serif;

}



.editor_mapvaluesinputfieldcontainer {

    position: relative;

    float: left;

    width: 100%;

    display: grid;

    grid-template-columns: 1fr 1fr 100px 80px;

    gap: 10px;



}



.editor_mapvaluescontainer .map-lat, .editor_mapvaluescontainer .map-lng,  .editor_mapvaluescontainer .map-zoom,.editor_mapvaluescontainer .editor_mapvaluessubmitbtn {

    position: relative;

    float: left;

    width: 100%;

    padding: 13px 8px;

    background-color: #404040;

    border-radius: 3px;

    font-size: 14px;

    color: #FFF;

}





.editor_mapvaluescontainer .editor_mapvaluessubmitbtn {

    width: calc(100% - 16px);

    font-weight: bold;

    font-size: 12px;

    background-color: #5dabf9;

    cursor: pointer;

}

.editor_mapvaluescontainer .editor_mapvaluessubmitbtn:hover{

    background-color: #7abafa;

}



.editor_mapvaluescontainer input::-webkit-outer-spin-button,



.editor_mapvaluescontainer input::-webkit-inner-spin-button {

    -webkit-appearance: none;

    margin: 0;

}



.editor_optionbreaker {

    position: relative;

    float: left;

    width: 100%;

    margin: 15px 0;

}



.editor_optionbreaker p{

    color: lightgray;

    font-size: 16px;

    font-family: 'Roboto', sans-serif;

}



.editor_locationmapuploadholder	{

    text-align: center;

    position: relative;

    width: 100%;

    float: left;

    clear: both;

}



.editor_rawmapurl {

    float: left;

    display: block;

    position: relative;

    clear: both;

    width: 100%;

    padding: 13px 8px;

    font-family: 'Roboto', sans-serif;

    font-size: 12px;

    color: #FFF;

    background-color: #404040;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

}



.editor_locationmapuploadpopupphotowrapper	{

    display:block;

    position:relative;

    width:100%;

}



.editor_locationmapuploadpopupphotowrapperleftholder {

    position: relative;

    float: left;

    width: 100%;

    margin-top: 10px;

}



.editor_locationmapuploadpopupphotowrapperleft	{

    display: inline-block;

    text-align: center;

    position: relative;

    width: 100%;

}



.editor_locationmapuploadpopupphotowrapperright	{

    display:inline-block;

    position:relative;

    width: 100%;

    padding-bottom: 5px;



}



.editor_locationmapuploadpopupphototitle {

    float:left;

    font-family: 'Roboto', sans-serif;

    font-size:12px;

    color:#888888;

    padding-bottom:5px;

}



.editor_locationmapuploadpopupphoto	{

    clear: both;

    width: auto;

}



.editor_locationmapuploadpopupphotocontainer iframe {

    width: 100%;

    user-select: none;

    pointer-events: none;

    cursor: not-allowed;

}



.editor_locationmapuploadpopupuploadbuttonholder	{

    position: relative;

    width: 91px;

    margin-left: auto;

    margin-right: auto;

}



.editor_locationmapuploadpopupuploadbutton {

    position: absolute;

    left: -999999px;

}



.editor_locationmapuploadpopupuploadbuttonlabel	{

    cursor: pointer;

    width: 75px;

    display: block;

    position: relative;

    float: left;

    padding: 7px;

    font-family: 'Roboto', sans-serif;

    font-size: 12px;

    line-height: 18px;

    color: #ffffff;

    background-color: #5dabf9;

    -moz-border-radius: .40em;

    -webkit-border-radius: .40em;

    border-radius: .40em;

    -webkit-appearance: none;

    -webkit-transition-duration: .3s;

    -moz-transition-duration: .3s;

    -ms-transition-duration: .3s;

    -o-transition-duration: .3s;

    transition-duration: .3s;

}



.editor_locationmapuploadpopupuploadbuttonlabel:hover	{

    cursor:pointer;

    background-color: #7abafa;

}



.editor_locationmapuploadpopupbuttonouter	{

    padding-top: 10px;

    display: block;

    clear: both;

    width: 100%;

}



.editor_locationmapuploadpopupbuttoncontainer	{

    display:block;

    clear:both;

    width:260px;

    height: 32px;

    margin-left:auto;

    margin-right:auto;

}



.editor_locationmapuploadpopupbuttonholder	{

    float: left;

    display: block;

    width: 110px;

    margin-left: 10px;

    margin-right: 10px;

}



.editor_locationmapuploadpopupbutton	{

    cursor: pointer;

    width: 110px;

    display: block;

    position: relative;

    float: left;

    padding: 7px;

    font-family: 'Roboto', sans-serif;

    font-size: 12px;

    line-height: 18px;

    color: #ffffff;

    background-color: #B13D3D;

    -moz-border-radius: .40em;

    -webkit-border-radius: .40em;

    border-radius: .40em;

    -webkit-appearance: none;

    -webkit-transition-duration: .3s;

    -moz-transition-duration: .3s;

    -ms-transition-duration: .3s;

    -o-transition-duration: .3s;

    transition-duration: .3s;

}



.editor_locationmapuploadpopupbutton:hover	{

    cursor: pointer;

    background-color: #c74e4e;

}



.editor_locationmapuploadpopupbuttondisabled	{

    cursor: not-allowed;

    width: 110px;

    display: block;

    position: relative;

    float: left;

    padding: 7px;

    font-family: 'Roboto', sans-serif;

    font-size: 12px;

    line-height: 18px;

    color: #f6f6f6;

    background-color: #cccccc;

    -moz-border-radius: .40em;

    -webkit-border-radius: .40em;

    border-radius: .40em;

    -webkit-appearance: none;

    -webkit-transition-duration: .3s;

    -moz-transition-duration: .3s;

    -ms-transition-duration: .3s;

    -o-transition-duration: .3s;

    transition-duration: .3s;

}



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

    .editor_locationmapuploadpopup{

        position: absolute;

        height: calc(100% - 40px);

        margin-top: 0px;

        margin-bottom: 0px;

        border-radius: unset;

        overflow-y: auto;

    }

}



/*LOCATIONMAP IN  PREVIEW PART START*/



.editor_locationmapuploadpreviewwrapper {

    display: none;

    width: calc(100% - 40px);

    position: relative;

    float: left;

    background-color: #bfbfbf;

    margin: 0 20px;

    box-shadow: rgb(0 0 0 / 25%) 0 2px 4px 0 inset;

}



.editor_locationmapuploadpreviewdivholder {

    position: relative;

    margin-left:auto;

    margin-right: auto;

    width: 100%;

    overflow: hidden;

}



.editor_locationmapuploadpreviewlocationmapcontainer iframe {

    width: 100%;

    /*pointer-events: none;*/

}



.editor_previewlocationmapchangedivholder {

    position: absolute;

    width: 90px;

    right: 20px;

    top: 20px;

    overflow: hidden;

    z-index: 9;

    display: flex;

    gap: 10px;

    flex-direction: row-reverse;

}



.editor_previewlocationmapchangebutton {

    cursor: pointer;

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -80px -400px;

    background-color: rgba(0, 0, 0, 0.5);

    transition: .3s ease-in;

}

.editor_previewlocationmapchangebutton:hover{

    background-color: rgba(0, 0, 0, 0.8);

}





html.touch .editor_previewlocationmapchangedivholder {

    display: block;

}



.editor_locationmapuploadpreviewcancelbtndivholder {

    display: block;

    position: absolute;

    top: 0px;

    right: 0px;

    align-content: center;

}



.editor_locationmapuploadpreviewcancelbtn {

    cursor: pointer;

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -40px -560px;

    background-color: rgba(0, 0, 0, 0.5);

    transition: .3s ease-in;

}

.editor_locationmapuploadpreviewcancelbtn:hover{

    background-color: rgba(0, 0, 0, 0.8);

}

/*

 * imgAreaSelect default style

 */



.imgareaselect-border1 {

    background: url(../assets/imgareaselect/border-v.gif) repeat-y left top;

}



.imgareaselect-border2 {

    background: url(../assets/imgareaselect/border-h.gif) repeat-x left top;

}



.imgareaselect-border3 {

    background: url(../assets/imgareaselect/border-v.gif) repeat-y right top;

}



.imgareaselect-border4 {

    background: url(../assets/imgareaselect/border-h.gif) repeat-x left bottom;

}



.imgareaselect-border1, .imgareaselect-border2,

.imgareaselect-border3, .imgareaselect-border4 {

    filter: alpha(opacity=50);

    opacity: 0.5;

}



.imgareaselect-handle {

    background-color: #fff;

    border: solid 1px #000;

    filter: alpha(opacity=50);

    opacity: 0.5;

}



.imgareaselect-outer {

    border-color: #000;

    filter: alpha(opacity=50);

    opacity: 0.5;

}



.imgareaselect-selection {

}



.mentionuserdropdown{

    display: none;

    position: absolute;

    padding: 5px;

    width: 200px;

    z-index: 99;

    background-color: white;

    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

    text-transform: capitalize;

    height: 220px;

    overflow: auto;

}



.mentionuserlistul {

    position: relative;

    float: left;

    list-style: none;

    padding: 2px;

    margin-top: 0px;

    width: 100%;

}



.mentionuserdropdownli{

    position: relative;

    margin-bottom: 5px;

    font-family: 'Roboto', sans-serif;

    font-size: 12px;

    color: #666666;

    padding: 2px;

    width: 98%;

    overflow: hidden;

}



.mentionuserdropdownli:hover {

    background-color: #dddfe2;

}



.mentionuserdropdownlinamespancontainer{

    width: 130px;

    height: 20px;

    position: absolute;

    top: 12px;

    left: 39px;

    display: block;



}



.textscrollclass{

    white-space: nowrap;

    overflow: hidden;



}



.textscrollclass span{

    display: inline-block;

    width: 100%;

}



.textscrollclass span span{

    transition: left 1s linear;

    position: relative;

    overflow: hidden;

    text-overflow: ellipsis;

    left: 0px;

}







.mentionuserdropdownli img{

    position: relative;

    margin-top: 1px;





}



.usernamespanincontenteditablediv {

    border-radius: 2px;

    position: relative;

    background-color: #2F4F4F;

    color: white;

    padding: 2px;

    margin-left: 2px;

    margin-right: 2px;

    white-space: pre;

}



.usernamespanincontenteditablediv:hover{

    opacity: 0.7;

}



.newprofiledescription a{

    color: blue;

    text-decoration: none;

}



.settingschanneldescriptionclass a{

    color: blue;

    text-decoration: none;

}



.usernamespanincontenteditablediv a{

    color: white;

    text-decoration: none;

}



.itemnamespanincontenteditablediv {

    background-color: blue;

    color: white;

    padding: 2px;

    margin: 2px;

    border-radius: 2px;

    white-space: pre;

}



.itemnamespanincontenteditablediv:hover{

    opacity: 0.7;

}



.itemnamespanincontenteditablediv a{

    color: white;

    text-decoration: none;

}



.tagitemdropdown{

    display: none;

    position: absolute;

    padding: 5px;

    width: 200px;

    z-index: 99;

    background-color: white;

    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

    text-transform: capitalize;

    height: 220px;

    overflow: auto;

}



.hideusernamebuttonincontenteditablediv, .hideitemnamebuttonincontenteditablediv {

    background-color: Transparent;

    background-repeat:no-repeat;

    border: none;

    cursor:pointer;

    overflow: hidden;

    outline:none;

    color: red;

}



.no-data-found{

    position: relative;

    margin-bottom: 5px;

    font-family: 'Roboto', sans-serif;

    font-size: 12px;

    color: #666666;

    padding: 2px;

    width: 98%;

    overflow: hidden;

}



#notificationsdropdownlist{

    position: relative;

    float: left;

    width: 100%;

    display: flex;

    flex-direction: column;

    gap: 10px;

}



.notification-load-more{

    position: relative;

    float: left;

    width: 100%;

    height: 40px;

    display: flex;

    justify-content: center;

    align-items: center;

    font-family: 'Roboto', sans-serif;

    font-size: 12px;

    color: #666;

    cursor: pointer;

}

.notification-not-found{

    position: relative;

    float: left;

    width: 100%;

    height: 40px;

    display: flex;

    justify-content: center;

    align-items: center;

    font-family: 'Roboto', sans-serif;

    font-size: 12px;

    color: #666;

    cursor: pointer;

}



.notificationsdropdownitem{

    position: relative;

    float: left;

    padding: 10px;

    cursor: pointer;

}

.notificationsdropdownitem:hover{

    background-color: #f6f6f6;

}

.notificationuserthumbnail_bar_user img{

    position: relative;

    float: left;

    width: 50px;

    aspect-ratio: 1;

    border-radius: 5px;

}

.notificationtextcontainer_bar{



}

/*.notification_link_bar span{*/

/*    display: -webkit-box;*/

/*    -webkit-line-clamp: 2;*/

/*    -webkit-box-orient: vertical;*/

/*    -webkit-font-smoothing: antialiased;*/

/*    overflow: hidden;*/

/*    text-overflow: ellipsis;*/

/*    line-height: 18px;*/

/*}*/

.notificationtimeago{

    position: absolute;

    right: 0;

    bottom: 0;

}

.notificationlineholder_bar{

    position: relative;

    float: left;

    width: 100%;

    display: flex;

    align-items: center;

    gap: 10px;

}

.notificationtext_bar{

    font-size: 12px;

    color: #666666;

    line-height: 18px;

    padding-bottom: 18px;

}

.notification_link_bar{

    color: #666666;

    font-weight: bold;

}

.notification_link_bar:hover{

    text-decoration: underline;

}













































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

    .newleftnavbarholder{

        visibility: hidden;

    }

}



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

    .new_after_submit_popup_container{

        top: 10px;

        margin-bottom: 10px;

    }

    .new_after_submit_popup_holder{

        visibility: hidden;

        width: calc(100% - 20px);

        max-width: 600px;

        height: unset;

    }

    .new_after_submit_popup_preview_holder{

        top: 40px;

    }

    .new_after_submit_popup_title_container{

        position: absolute;

        top: 0;

        width: 100%;

    }

    .new_after_submit_popup_list_share_option_holder, .new_after_submit_popup_item_share_option_holder{

        width: 50%;

        margin-top: 65px;

        padding-left: 0px;

        padding-bottom: 0;

    }

    .new_after_submit_popup_share_url_holder{

        width: calc(100% - 45px);

        margin: 25px 10px 0 10px;

        border: 2px solid #bbbbbb;

        padding: 10px;

        -webkit-border-radius: .40em;

        -moz-border-radius: .40em;

        border-radius: .40em;

    }

    .new_after_submit_popup_share_url_copy_button, .new_after_submit_popup_gradient_ellipse{

        top: 10px;

        text-align: left;

    }

    .new_after_submit_popup_option_holder{

        width: 100%;

    }

    .new_after_submit_popup_share_button_container{

        margin-top: 25px;

        margin-bottom: 25px;

    }

    .new_after_submit_popup_url_copied_confirmation{

        right: -180px;

    }

    .new_after_submit_popup_url_copied_confirmation_shown{

        right: 0px;

    }

    .new_after_submit_popup_title_holder {

        margin-bottom: 0px;

    }

    .new_after_submit_popup_list_share_option_text, .new_after_submit_popup_item_share_option_text{

        display: inline-block;

        float: none;

        margin-left: unset;

    }

}



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

    .notificationclosebutton{

        display: block;

        cursor: pointer;

        position: relative;

        float: right;

        width: 20px;

        height: 20px;

        margin: 12px;

        background-image: url(../assets/sprites/cross_icon.png);

        background-size: 20px 40px;

        background-position: 0 0;

    }

    #notificationsdropdown{

        position: fixed;

        display: none;

        width: 100%;

        min-height: calc(100% - 51px);

        border-radius: unset;

        box-shadow: none;

        z-index: 1;

    }

    .backbuttonformobile{

        /*display: block;*/

        position: relative;

        float: left;

        padding: 15px 0px 5px 10px;

        font-family: 'Roboto', sans-serif;

        font-weight: bold;

        font-size: 14px;

        color: #666666;

        z-index: 2;

    }

    .notificationbackbuttonicon{

        position: relative;

        float: left;

        width: 20px;

        height: 20px;

        margin-top: -4px;

        background-image: url(../assets/sprites/backbutton.png);

        background-size: 20px 40px;

        background-position: 0 0;

    }

    .redbarnavuserloggedinusername, .redbarnavusermessagenotificationsholder, .redbarcreatebuttontext{

        display: none;

    }

    .redbarnavusernotificationsicon {

        display: none;

    }

    .redbarcreatebuttonicon{

        cursor: pointer;

        display: block;

        position: relative;

        float: left;

        width: 40px;

        height: 40px;

        margin-top: 5px;

        background-image: url(../assets/spritesv2/common.png);

        background-size: 360px 800px;

        background-position: 0px -40px;

    }

    #searchbarcontainer{

        display: none;

        position: absolute;

        top: 0px;

        left: 0px;

        width: 100%;

        height: 40px;

        max-width: 100%;

        overflow: unset;

        background-color: #FFFFFF;

    }

    #navsearch {

        float: right;

        width: calc(100% - 40px);

    }

    .redbarmobilenavsearchbuttonholder{

        display: block;

        position: relative;

        float: right;

    }

    .redbarmobilenavsearchbutton{

        cursor: pointer;

        position: relative;

        float: left;

        width: 40px;

        height: 40px;

        margin-top: 5px;

        background-image: url(../assets/spritesv2/common.png);

        background-size: 360px 800px;

        background-position: 0px -240px;

        background-color: transparent;

    }

    .redbarnavuserloggedinbar:hover {

        -webkit-box-shadow: inset 0 0px 0 0px #A24242;

        -moz-box-shadow: inset 0 0px 0 0px #A24242;

        box-shadow: inset 0 0px 0 0px #A24242;

    }

    .leftnavicon:hover {

        cursor: pointer;

        background-color: transparent;

    }

    .redbarmobilenavsearchbackbutton{

        cursor: pointer;

        display: block;

        position: relative;

        float: left;

        width: 40px;

        height: 40px;

        margin-top: 5px;

        background-image: url(../assets/spritesv2/common.png);

        background-size: 360px 800px;

        background-position: 0px -280px;

    }

    #searchbutton {

        -webkit-transition-property: none;

        -moz-transition-property: none;

        -o-transition-property: none;

        transition-property: none;

        -webkit-transform: scale(1);

        -moz-transform: scale(1);

        -ms-transform: scale(1);

        -o-transform: scale(1);

        transform: scale(1);

    }

    #searchbutton:hover {

        -webkit-transform: scale(1);

        -moz-transform: scale(1);

        -ms-transform: scale(1);

        -o-transform: scale(1);

        transform: scale(1);

    }

    #searchdropdownwrapper {

        width: calc(100% - 42px);

    }

    .redbarnavusersignupbutton{

        display: none;

    }

    .redbarnavusersigninbutton {

        display: none;

    }

    .redbarnavusersigninicon{

        cursor: pointer;

        display: block;

        position: relative;

        float: left;

        width: 40px;

        height: 40px;

        margin-top: 5px;

        background-image: url(../assets/spritesv2/common.png);

        background-size: 360px 800px;

        background-position: 0px -360px;

    }

    .redbariconbuttoneliment {

        -webkit-transition-property: none;

        -moz-transition-property: none;

        -o-transition-property: none;

        transition-property: none;

        -webkit-box-shadow: none;

        -moz-box-shadow: none;

        box-shadow: none;

    }

    .redbariconbuttoneliment:hover {

        -webkit-box-shadow: none;

        -moz-box-shadow: none;

        box-shadow: none;

    }



    .hideforbigscreen{

        display: block;

    }

    #loggedindropdowncontainer{

        width: 100%;

    }

    #loggedindropdownwrapper{

        height: 100%;

        background-color: rgba(0, 0, 0, .7);

    }

    #loggedindropdown {

        position: fixed;

        min-height: 100%;

        right: 0;

        -moz-border-radius-bottomleft: unset;

        -webkit-border-bottom-left-radius: unset;

        border-bottom-left-radius: unset;

        -moz-border-radius-bottomright: unset;

        -webkit-border-bottom-right-radius: unset;

        border-bottom-right-radius: unset;

        -webkit-box-shadow: none;

        -moz-box-shadow: none;

        box-shadow: none;

        -moz-border-radius-bottomleft: unset;

    }



    #needtosigninmessage{

        width: 320px;

        margin-left: calc(50% - 180px);

    }

    #needtosigninmessagebuttonholdersignup {

        margin-left: 25px;

    }

    #needtosigninmessagebuttonholdersignin{

        margin-right: 25px;

    }



}



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

    #settingpasswordstrength {

        margin-top: 69px;



    }

}

@media only screen and (max-height: 535px) {

    #signupdropdown{

        height: auto !important;

    }

    #signindropdown{

        height: auto !important;

    }

}

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

    .rmllogo{

        -webkit-transform-origin: left;

        -moz-transform-origin: left;

        -ms-transform-origin: left;

        -o-transform-origin: left;

        transform-origin: left;

    }

    .rlmlogoholder {

        width: 150px;

    }

    #auth-dropdownholder {

        width: 100%;

        height: 100%;

    }

    #signupdropdown{

        max-width: calc(100% - 40px);

        height: calc(100% - 40px);

        background-color: rgb(0 0 0 / 70%);

        -moz-border-radius: 0px;

        -webkit-border-radius: 0px;

        border-radius: 0px;

        box-shadow: none;

        -moz-box-shadow: none;

        -webkit-box-shadow: none;

    }

    .signupheadline, .showsociallogin{

        color: #FFFFFF;

    }

    #signupfirstname, #signuplastname, #signupusername, #signupemail, #signupconfirmemail, #signuppassword, #signupconfirmpassword{

        background-color: #444444;

        border: 1px solid #111111;

        color: #FFFFFF;

    }

    /*#showconnectwithsocialicon{*/

    /*    background-position: 0 -30px;*/

    /*}*/

    .close{

        background-position: -40px -560px;

    }

    .close:hover{

        background-color: transparent;

    }



    #signindropdown{

        max-width: calc(100% - 40px);

        height: calc(100% - 40px);

        background-color: rgb(0 0 0 / 70%);

        -moz-border-radius: 0px;

        -webkit-border-radius: 0px;

        border-radius: 0px;

        box-shadow: none;

        -moz-box-shadow: none;

        -webkit-box-shadow: none;

        box-sizing: unset;

    }

    .connectwithtext, .signinheadline, #signinkeeploggedin, .termsandprivacypolicy, .whydoineedtosignintitle, .whydoineedtosignintext{

        color: #FFFFFF;

    }

    .termsandprivacypolicy a{

        color: #FFFFFF;

    }

    .fconnect, .gconnect, .signinothersocialloginbuttonoption, .backtobasicbutton, .backtoothersbutton, .gotomorebutton, .yconnect, .lconnect, .pconnect, .tconnect, .mconnect, .tiktokconnect {

        background-color: #E5E5E5;

        border: 1px solid #cfcfcf;

    }

    #signinemail, #signinpassword{

        background-color: #444444;

        border: 1px solid #111111;

        color: #FFFFFF;

    }

    .close{

        background-position: -40px -560px;

    }

    .close:hover{

        background-color: transparent;

    }

    .new_after_submit_popup_wrapper {

        height: calc(100% - 75px);

    }

    .new_after_submit_popup_container {

        margin-bottom: 10px;

    }



}



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

    #flagconfirmmessagewrapper{

        margin: 0px 5px 0px 5px;

        width: calc(100% - 10px);

    }

}



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

    #signupdropdown{

        max-width: calc(100% - 10px);

        height: calc(100% - 10px);

        padding: 5px;

    }

    .connectwithtext{

        font-size: 12px;

        margin: 6px 0;

    }

    #fbsigninbuttonholder, #gsigninbuttonholder{

        margin: 0 2.5px;

    }

    .fconnect, .gconnect, .yconnect, .lconnect, .pconnect, .tconnect, .mconnect, .tiktokconnect {

        width: 86px;

        height: 24px;

    }

    .fconnecticon, .gconnecticon, .yconnecticon, .lconnecticon, .pconnecticon, .tconnecticon, .mconnecticon, .tiktokconnecticon{

        transform: scale(.6);

        transform-origin: left top;

        margin: 0;

    }

    .fconnecttext, .gconnecttext, .yconnecttext, .lconnecttext, .pconnecttext, .tconnecttext, .mconnecttext, .tiktokconnecttext{

        font-size: 12px;

        margin: 5px 0;

        margin-left: -13px;

    }

    .signinothersocialloginbuttonoption{

        width: 20px;

        height: 20px;

        transform: none;

        border: none;

        margin: 0;

        margin-left: 2px;

        background-size: 180px 400px;

        background-position: -20px -220px;

    }

    .backtobasicbutton, .backtoothersbutton{

        width: 20px;

        height: 20px;

        transform: none;

        border: none;

        margin: 0;

        margin-right: 2px;

        background-size: 180px 400px;

        background-position: -20px -200px;

    }

    .connectwithforsigninpage{

        margin-top: 20px;

    }

    #showsocialconnectforsignup{

        margin-top: 30px;

    }





    .fconnecticon, .gconnecticon, .yconnecticon, .lconnecticon, .pconnecticon, .tconnecticon, .mconnecticon, .tiktokconnecticon{

        transform: scale(.6);

        transform-origin: left top;

        margin: 0;

    }



    .gotomorebutton{

        width: 20px;

        height: 20px;

        transform: none;

        border: none;

        margin: 0;

        margin-left: 2px;

        background-size: 180px 400px;

        background-position: -20px -220px;

    }



    #showsocialconnectforsignupinner{

        overflow-x: scroll;

    }



}



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



    .passwordstrengthtext {

        margin-top: -19px;

    }

    #settingpasswordstrength {

        margin-top: 63px;

    }

    .invitationpopupholder{

        width: calc(100% - 20px);

        min-width: 300px;

        min-height: calc(100% - 20px);

        padding: 20px 10px 0 10px;

        position: absolute;

        top: 0;

        left: 0;

        -webkit-border-radius: unset;

        -moz-border-radius: unset;

        border-radius: unset;

        -webkit-box-shadow: none;

        -moz-box-shadow: none;

        box-shadow: none;

        background-color: rgba(0, 0, 0, 0.6);

    }



    /*.invitationpopupclose{*/

    /*    z-index: 1;*/

    /*    width: 18px;*/

    /*    height: 18px;*/

    /*    margin-top: 2px;*/

    /*    background-size: 18px 36px;*/

    /*    background-position: 0 -18px;*/

    /*}*/



    .invitationpopuptitle, .receivernametext, .receiveremailtext, .receiverinfoinput, .addinvitation, #shareinvitelinktext, #shareinvitelinktext{

        color: #FFFFFF;

    }

    .invitationpopuptitle{

        font-size: 16px;

    }



    .share_invitation_url_holder{

        border: 1px solid #888888;

        background-color: #222222;

    }



    .share_invitation_url_text{

        background-color: transparent;

        color: #FFFFFF;

    }



    .share_invitation_url_copy_button{

        background-color: #444444;

        color: #FFFFFF;

    }



    .share_invitation_url_copy_button:hover{

        background-color: #555555;

    }



    .share_invitation_gradient_ellipse{

        background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0) 40%, rgb(68, 68, 68) 100%);

        background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 5%, #444444 100%);

        background-image: -ms-linear-gradient(0deg, rgba(255, 255, 255, 0) 40%, rgb(68, 68, 68) 100%);

    }



    .invitelinkshareiconsformobile {

        margin: 5px;

    }





}



/*cookieusagemessage*/

.rmlcookiemessagebody{

    position: relative;

    float: left;

    width: 100%;

}



.rmlcookiemessageholder{

    position: fixed;

    /*width: calc(100% - 40px);*/

    padding: 20px;

    border: none;

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

    display: none;

    bottom: 0;

    z-index: 111;

}

#rmlcookiemessagetext{

    position: relative;

    float: left;

    width: 100%;

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    line-height: 24px;

    color: #fff;

}

.rmlcookiemessagefeedback {

    height: auto;

    min-height: 14px;

    width: auto;

    display: inline-block;

    padding: 1px 0 0 17px;

    position: relative;

    top: 0;

    left: 0;

    z-index: 1;

    cursor: pointer;

    margin-top: 0;

    background-position: left 1px;

    vertical-align: top;

    line-height: 16px;

}

.rmlcookiemessageholder div label{

    color: #fff !important;

    font-size: 14px;

    line-height: 1;

    cursor: pointer;

    padding-left: 3px;

    padding-right: 5px;

}

.rmlcookiemessagefeedbackandsubmitholdercontainer{

    float: right;

}

.rmlcookiemessagefeedbackandsubmitholder{

    float: left;

    margin-top: 5px;

    margin-bottom: 10px;

    padding-left: 14px;

}

.rmlcookiemessagesubmit, .rmlcookiemessagesubmiteu{

    cursor: pointer;

    font-family: 'Roboto', sans-serif;

    font-weight: normal;

    font-size: 16px;

    color: #FFFFFF;

    float: right;

    text-decoration: none;

    width: 100px;

    padding: 8px 0;

    text-align: center;

    background-color: #a24242;

    position: relative;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    -webkit-appearance: none;

}



.policies:link, .policies:visited {

    color: #0099cc;

    text-decoration: underline;

    cursor: pointer;

    font-size: 14px;

    font-weight: bold;

}





/*addblockmessagepopup*/

.adblockmsgbackground	{

    display:block;

    position:fixed;

    height:100%;

    width:100%;

    z-index:999997;

    top:50px;

    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;

}



.adblockmsgwrapper	{

    display: block;

    position: fixed;

    width: calc(100% - 40px);

    /*height: calc(100% - 150px);*/

    margin: 0 20px;

    margin-top: 100px;

    z-index: 999998;

    top: 50px;

    display: -webkit-box;

    -webkit-box-pack: center;

    -webkit-box-align: center;

}



.adblockmsg	{

    position: relative;

    width: calc(100% - 40px);

    max-width: 400px;

    padding: 20px;

    background: rgba(0, 0, 0, 0.7);

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

}



.adblockmsgclose	{

    display: block;

    position: relative;

    float: right;

    margin-top: 0px;

    margin-right: 0px;

    cursor: pointer;

    color: #AAAAAA;

    font-family: 'Roboto', sans-serif;

    font-size: 16px;

    z-index: 1;

}



.adblockmsgclose:hover	{

    color:#666666;

}



.adblockmsgclose:active	{

    color:#999999;

}



.adblockmsgtitle	{

    display: block;

    width: 100%;

    text-align: center;

    position: relative;

    font-family: 'Roboto', sans-serif;

    font-weight: bold;

    font-size: 22px;

    color: #FFFFFF;

    line-height: 1.2;

    margin-bottom: 30px;

    padding-top: 5px;

    margin-left: auto;

    margin-right: auto;

}





.adblockmsgtext	{

    font-family: 'Roboto', sans-serif;

    font-size:16px;

    text-align:justify;

    color:#888888;

    line-height: 1.3;

    margin-bottom: 30px;

}





.adblockmsgbuttoncontainer	{

    position: relative;

    width: 100%;

    margin-top: 20px;

    text-align: center;

}



.adblockmsgbuttonholder	{

    margin: 25px 20px 0 20px;

}



.adblockmsgbutton	{

    cursor: pointer;

    display: inline-block;

    width: 100%;

    position: relative;

    padding: 10px;

    font-family: 'Roboto', sans-serif;

    font-size: 16px;

    line-height: 18px;

    color: #ffffff;

    background-color: #B13D3D;

    -moz-border-radius: .40em;

    -webkit-border-radius: .40em;

    border-radius: .40em;

    -webkit-appearance: none;

    -webkit-transition-duration: .3s;

    -moz-transition-duration: .3s;

    -ms-transition-duration: .3s;

    -o-transition-duration: .3s;

    transition-duration: .3s;

}



.adblockmsgbutton:hover	{

    cursor: pointer;

    background-color: #c74e4e;

}





.adblockinstructionholder	{

    position: relative;

    float: left;

    width: calc(100% - 40px);

    max-width: 700px;

    color: #FFFFFF;

    padding: 20px;

    background: rgba(0, 0, 0, 0.7);

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    display: -webkit-box;

    -webkit-box-align: center;

}



.adblockinstructionholder li {

    position: relative;

    float: left;

    clear: both;

    cursor: pointer;

}





.adblockinstructionleftdiv {

    position: relative;

    float: left;

    width: 170px;

}

.adblockinstructionselecttitle {

    position: relative;

    float: left;

    font-family: 'Roboto', sans-serif;

    font-size: 16px;

    font-weight: bold;

}

.adblockinstructionselect .adblockericon {

    width: 24px;

    height: 24px;

    vertical-align: middle;

    padding: 6px;

    opacity: 0.8;

}

.adblockinstructionselect:hover .adblockericon {

    width: 28px;

    height: 28px;

    opacity: 1;

}

.adblockinstructionselect.active {

    background-color: #666666;

}

.adblockinstructionselect:hover span {

    text-decoration: underline;

}

.adblockinstructionselect span {

    position: relative;

    float: left;

    font-family: 'Roboto', sans-serif;

    font-size: 16px;

    color: #FFFFFF;

    clear: both;

    padding: 10px 0;

}



.adblockinstructionrightdiv {

    position: relative;

    float: left;

    width: calc(100% - 190px);

    background-color: #EEEEEE;

    padding: 10px;

    border-radius: 3px;

}

.adblockinstructiongoback {

    display: none;

}

.adblockinstructiongoback:hover {

    text-decoration: underline;

}

.adblockinstructiondetailstitle {

    position: relative;

    float: left;

    width: 100%;

    font-family: 'Roboto', sans-serif;

    font-size: 16px;

    font-weight: bold;

    color: #444444;

}

.adblockinstructiondetailsteps ol {

    position: relative;

    float: left;

    list-style: decimal inside;

    margin-top: 15px;

}

.adblockinstructiondetail {

    display: none;

}

.adblockinstructiondetail.active {

    display: block;

}

.adblockinstructiondetailsteps {

    position: relative;

    float: left;

    width: calc(100% - 230px);

    margin-right: 10px;

}

.adblockinstructiondetailsteps .adblockericon {

    vertical-align: middle;

    display: inline-block;

    width: 40px;

    height: 40px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    -webkit-transform: scale(.5);

    -moz-transform: scale(.7);

    -ms-transform: scale(.7);

    -o-transform: scale(.7);

    transform: scale(.7);

}

.adblockinstructiondetailsteps .adblockericon.adblock {

    background-position: -280px -680px;

}

.adblockinstructiondetailsteps .adblockericon.adblockplus {

    background-position: -280px -640px;

}

.adblockinstructiondetailsteps .adblockericon.ublockorigin {

    background-position: -280px -760px;

}

.adblockinstructiondetailsteps .adblockericon.ublock {

    background-position: -280px -720px

}

.adblockinstructiondetailsteps li {

    position: relative;

    float: left;

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    color: #666666;

    line-height: 1.8;

    cursor: default;

}

.adblockinstructiondetailimg {

    position: relative;

    float: left;

    width: 220px;

    height: 220px;

    overflow: hidden;

}

.adblockinstructiondetailimg image{

    width: 220px;

    height: auto;

}

.adblock-icon{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -280px -680px;

    -webkit-transform: scale(.7);

    -moz-transform: scale(.7);

    -ms-transform: scale(.7);

    -o-transform: scale(.7);

    transform: scale(.7);

}

.adblockplus-icon{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -280px -640px;

    -webkit-transform: scale(.7);

    -moz-transform: scale(.7);

    -ms-transform: scale(.7);

    -o-transform: scale(.7);

    transform: scale(.7);

}

.ublockorigin-icon{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -280px -760px;

    -webkit-transform: scale(.7);

    -moz-transform: scale(.7);

    -ms-transform: scale(.7);

    -o-transform: scale(.7);

    transform: scale(.7);

}

.ublock-icon{

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    background-image: url(../assets/spritesv2/common.png);

    background-size: 360px 800px;

    background-position: -280px -720px;

    -webkit-transform: scale(.7);

    -moz-transform: scale(.7);

    -ms-transform: scale(.7);

    -o-transform: scale(.7);

    transform: scale(.7);

}

.adblockinstructionselecttext{

    position: relative;

    float: left;

    font-family: 'Roboto', sans-serif;

    font-size: 16px;

    color: #FFFFFF;

    margin: 12px 0;

}



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

    .adblockinstructionselecttitle, .adblockinstructionselecttext{

        display: none;

    }

    .adblockinstructionleftdiv{

        width: 60px;

    }

    .adblockinstructionrightdiv{

        width: calc(100% - 80px);

    }

}

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

    .adblockinstructiondetailsteps{

        width: 100%;

    }

    .adblockinstructiondetailimg{

        margin-left: calc(50% - 110px);

    }

}





.signupsigninloader {

    position: fixed;

    height: 100%;

    width: 100%;

    left: 0;

    top: 0;

    /*background-color: #FFFFFF;*/

    z-index: 111;

    display: flex;

    justify-content: center;

    align-items: center;

    pointer-events: none;

}

.signupsigninloadergif{

    width: 256px;

    height: 256px;

    background-image: url(../assets/spritesv2/gif/loadermid.gif);

    background-repeat: no-repeat;

    filter: brightness(0.5);

}



.generalpopupmessage{

    height: 80px;

}



















































.conversernotificationcontainer{

    padding: 10px;

    width: calc(100% - 20px);

    display: flex;

    gap: 10px;

}



.conversernotificationprofileimage{

    width: 30px;

    height: 30px;

    border-radius: 100%;

    float: left;

}

.conversernotificationcontent{

    width: calc(100% - 40px);

    display: flex;

    align-items: flex-start;

    flex-direction: column;

    gap: 5px;

}

.conversernotificationhead{

    display: flex;

    width: 100%;

    align-items: center;

    font-size: 12px;

    color: #666666;

    flex-direction: row;

    justify-content: space-between;

}



.notificationconversername{

    font-weight: bold;

    flex: none;

    max-width: calc(100% - 80px);

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.conversernotificationmessage{

    width: 100%;

    color: #666666;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: 12px;

}



.seeallmessages:hover {

    cursor: pointer;

    background-color: #F6F6F6;

}



.seeallmessages:active {

    cursor:pointer;

}



.singleconversationnotification:hover{

    cursor: pointer;

    background-color: #EEEEEE;

}





#profilemessagenotificationsdropdown{

    display: none;

    opacity: 1 !important;

    position: absolute;

    width: 400px;

    height: auto;

    right: 0;

    top: 51px;

    background-color: #ffffff;

    -moz-border-radius-bottomleft: 5px;

    -webkit-border-bottom-left-radius: 5px;

    border-bottom-left-radius: 5px;

    -moz-border-radius-bottomright: 5px;

    -webkit-border-bottom-right-radius: 5px;

    border-bottom-right-radius: 5px;

    overflow: hidden;

    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;

}



#searchtextbig {

    color: #444444;

}



/* placeholder (idle / empty state) */

#searchtextbig::placeholder {

    color: #999999;

}



/* when placeholder is visible (field empty) */

#searchtextbig:placeholder-shown {

    color: #999999;

}



/* when focused and user is typing */

#searchtextbig:focus:not(:placeholder-shown) {

    color: #444444;

}



.raiaaccessbuttonholder {

    position: relative;

    float:  left;

}



.raiaaccessbuttonicon {

    position: relative;

    float: left;

    width: 40px;

    height: 40px;

    margin-top: 5px;

    padding-bottom: 5px;

    background-image: url(../assets/raia.png);

    background-size: contain;

    background-repeat: no-repeat;

}