footer {
margin : 0;
padding : 0;
text-align : center;
}
._2-fx {
display : block;
position : absolute;
left : 6px;
width : 40px;
height : 40px;
background-color : #e9ebee;
cursor : pointer;
}
._2-fy {
display : block;
overflow : hidden;
text-align : left;
text-overflow : ellipsis;
font-size : 12px;
font-weight : bold;
white-space : nowrap;
color : #365899;
cursor : pointer;
}
.subtext {
display : block;
padding-bottom : 3px;
overflow : hidden;
text-align : left;
text-overflow : ellipsis;
font-size : 11px;
white-space : nowrap;
color : #999;
overflow-wrap : break-word;
}
.bt_srch {
position : absolute;
top : 8px;
right : 10px;
}

.greenbtn i {
margin-right : 4px;
color : #fff !important ;
}
.greenbtn {
    display: inline-block;
    padding: 5px 9px;
    text-decoration: none;

    font-size: 12px;
    color: #fff;
    background: linear-gradient(to bottom, #64c637 5%, #64c637 100%);
        background-color: rgba(0, 0, 0, 0);
    background-color: #64c637;
    box-shadow: 0 1px 0 0 #fff inset;
    cursor: pointer;
}
.greenbtn:hover, .greybtn:focus, .greybtn:active, .greybtn.active {
background : linear-gradient(to bottom, #4eaed1 5%, #4eaed1 100%);
background-color : #4eaed1;
}
.account .greenbtn {
padding : 7px 20px;
}


.redbtn i {
margin-right : 4px;
color : #fff !important ;
}
.redbtn {
    display: inline-block;
    padding: 5px 9px;
    text-decoration: none;

    font-size: 12px;
    color: #fff;
    background: linear-gradient(to bottom, #ff0000 5%, #ff0000 100%);
        background-color: rgba(0, 0, 0, 0);
    background-color: #64c637;
    box-shadow: 0 1px 0 0 #fff inset;
    cursor: pointer;
}
.redbtn:hover, .redbtn:focus, .redbtn:active, .redbtn.active {
background : linear-gradient(to bottom, #ff0000 5%, #ff0000 100%);
background-color : #64c637;
}
.account .redbtn {
padding : 7px 20px;
}



._public {
display : inline-block;
padding-right : 20px !important ;
background : url(img/public.png) center right no-repeat;
}
.highlight {
border : #F00 solid 1px;
}
.comment.button, .comment.button:visited {
width : 60px;
margin-right : 4px;
margin-bottom : 3px;
border-color : #29447e #29447e #1a356e;
font-size : 12px;
font-weight : bold;
color : #fff;
background-color : #5b74a8;
cursor : pointer;
}
#wall_textarea, .wall_textarea {
width : 100% !important ;
padding : 5px;
min-height : 59px;

font-size : 14px;
}
#wall_textarea4, .wall_textarea4 {
width : 100% !important ;
padding : 5px;
min-height : 59px;

font-size : 14px;
}
#wall_textarea5, .wall_textarea5 {
width : 100% !important ;
height : 100px;
padding : 5px;
overflow : auto;

font-size : 14px;
}
#wall_textarea1, .wall_textarea1 {
width : 100% !important ;
padding : 5px;
min-height : 59px;

font-size : 14px;
}
#wall_textarea2, .wall_textarea2 {
width : 100% !important ;
padding : 5px;
min-height : 59px;

font-size : 14px;
}
#wall_textarea3, .wall_textarea3 {
width : 100% !important ;
padding : 5px;
min-height : 59px;

font-size : 14px;
}
#wall_textareaalerte, .wall_textareaalerte {
width : 100% !important ;
padding : 5px;
min-height : 259px;

font-size : 14px;
}
.commentBox {
margin-top : 2px;
padding : 5px;
background : #f6f7f8;
}

#Link-Box {
position : relative;
margin-top : 15px;
}
#Photo-Box, #Video-Box {
position : relative;
margin-top : 8px;
}
.commentPanel {
position : relative;
width : 100%;
margin-top : 2px;
padding : 5px;
border-bottom : 1px solid #E3E3E3;
background-color : #f6f7f8;
}
.angledown {
display : block;
position : absolute;
top : 10px;
right : 10px;
font-size : 18px;
}
.togglemenu {
display : none;
z-index : 1;
position : absolute;
top : 32px;
right : 8px;
padding : 20px 20px 10px 20px;
border : rgb(0, 0, 0, 0.15) solid 1px;
border-radius : 3px;
background-color : #fff;
box-shadow : 0 3px 8px rgb(0, 0, 0, 0.3);
}
.togglemenu hr {
margin-top : 5px;
margin-bottom : 13px;
}
.togglemenu a {
display : block;
padding-bottom : 10px;
}
.edit_c {
display : block;
position : absolute;
top : 7px;
right : 8px;
width : 18px !important ;
height : 18px !important ;
margin : 0 !important ;
opacity : 0.4;
background : url(img/edit.png) top center no-repeat;
}
.togglemenu a:hover, .edit_c:hover {
opacity : 0.8;
}
.toggle_bar {
position : relative;
width : 483px;
border-top : 1px solid #CDCDCD;
text-align : center;
background : #F6F6F6;
}
.toggle_bar a {
display : block;
width : 100%;
height : 12px;
padding : 5px;
background : url(img/downarrow.png) center center no-repeat;
}
.toggle_bar:hover {
background : #fff;
}
.commentPanel a {

overflow : hidden;
}
.commentMark {
width : 99%;
height : auto !important ;
margin-right : 5px;
padding : 5px;
border : #ddd solid 1px;
overflow : hidden;

font-size : 16px;
background-color : #fff;
}
.popUpCommentArea {
width : 100%;
height : 30px;
padding : 10px 5px;
border : #ddd solid 1px;

font-size : 11px;
}
.posttime {
font-size : 10px;
color : #777;
}
#wsc_midbox {
width : 100%;
}
.h4 {
height : 17px;
margin : 0;
padding-bottom : 20px;
font-size : 18px;
}
.postdesclabel {
margin : 10px;
padding : 10px 0;
font-size : 18px;
font-weight : bold;
}
.wallposthead {
position : relative;
margin-bottom : 2px;
padding : 8px;
padding-bottom : 7px;
border-bottom : 1px solid #ccc;
}
a.thmbanchr {
display : block;
float : left;
width : 70px;
height : 70px;
overflow : hidden;
}
.friends_area {
width : 100%;
margin-bottom : 15px;
min-height : 60px;
border : solid 1px;
border-color : #e5e6e9 #dfe0e4 #d0d1d5;
border-radius : 3px;
vertical-align : top;
background-color : #fff;
}
.name b {
font-size : 12px;
color : #32394A;
cursor : pointer;
}
.left {
float : left;
}
.right {
float : right;
}
.right_impor {
float : right !important ;
}
.wall_arrow {
float : left;
}
.name {
width : 100%;
padding : 0 0;
text-align : justify;
font-size : 12px;
font-weight : normal;
color : #333;
}
.texte_post {
width : 100%;
padding : 0 0;
font-size : 12px;
font-weight : normal;
color : #333;
}
.texte_post {
font-size: 14px;
color: #FB2E9A;
margin-top: -48px;
}
.texte_post em {
width : 200px;
font-size : 12px;
font-style : normal;
color : #333;
overflow-wrap : break-word;
}
.texte_post span {
display : inline-block;
padding : 0px 0;
font-size : 12px;
}
.wallposthead .texte_post {
float : left;
width : 409px;
}

.commentPanel .texte_post {
width : 100%;
padding-top : 2px;
}



.wallposthead .name {
float : left;
width : 409px;
}
#Photo-Box b, #Video-Box b {
font-size : 12px;
}
a.delete {
display : none;
float : left;
margin : 0;
padding : 5px;
border : none 0;
text-decoration : none;
font-size : 11px;
font-weight : bold;
white-space : nowrap;
outline : medium none;
color : #333;
background : none 0% 0% repeat scroll transparent;
cursor : pointer;
}
a.delete:hover {
padding : 5px;
border : #b1b1b1 solid 1px;
opacity : 1;
background : none 0% 0% repeat scroll #eee;
}
.commentPanel a {
font-size : 12px;
color : #32394A;
}
.name {
font-size: 14px;
color: #FB2E9A;
font-weight: bold;
}
a.underline {
color : #4267b2;
}
.name em {
width : 200px;
font-size : 12px;
font-style : normal;
color : #333;
overflow-wrap : break-word;
}
.name span {
display : inline-block;
padding : 3px 0;
font-size : 12px;
}
.label {
float : left;
width : 10em;
}
label.error {
float : none;
padding-left : 0.5em;
vertical-align : top;
color : red;
}
em {
padding-right : 1em;
}
#bio {
position : relative;
text-align : left;
}
.zewall_buttons_bar {
height : 40px;
}
.z_ac_btn {
position : absolute;
right : 13px;
bottom : 40px;
width : 70%;
z-index: 10000;
}
.wrapperfb {
display : none;
z-index : 1;
position : fixed;
width : 491px;
height : 500px;
padding-top : 147px;
opacity : 0.5;
}
.member_list a {
float : left;
}
.member_list:hover {
border : #666 solid 1px;
}
.member_list {
padding : 8px;
border : #CCC solid 1px;
}
#sidebar {
z-index : 9;
position : fixed;
width : 100%;
height : 50px;
border : none;
background-color : #4eaed1;
box-shadow : 0 1px 0 #4eaed1 inset, 0 -1px 0 #4eaed1 inset, 0 0 0 1px #4eaed1 inset, 0 2px 4px rgb(0, 0, 0, 0.2);
}
#sidebar2 {
z-index : 3;
position : fixed;
width : 100%;
height : 45px;
border : none;
background-color : #fb2e9a;
box-shadow : 0 1px 0 #fbcbe4 inset, 0 -1px 0 #fbcbe4 inset, 0 0 0 1px #fbcbe4 inset, 0 2px 4px rgb(0, 0, 0, 0.2);
}
#sidebar3 {
z-index : 2;
position : fixed;
width : 100%;
height : 45px;
margin-top : 45px;
border : none;
background-color : #fb2e9a;
box-shadow : 0 1px 0 #fbcbe4 inset, 0 -1px 0 #fbcbe4 inset, 0 0 0 1px #fbcbe4 inset, 0 2px 4px rgb(0, 0, 0, 0.2);
}
#sidebar .inn {
position : relative;
width : 100%;
margin : 0 auto;
max-width : 1300px;
}
#sidebar #logoheaderbox img {
width : 170px;
}
#sidebar img {
border-radius : 4px 4px 4px 4px;
}
#logoheaderbox {
float : left;
margin-top : 2px;
margin-right : 2px;
text-align : left;
font-size : 25px;
color : #fff;
}
.languages {
padding : 3px;
border : #ccc solid 1px;
border-radius : 4px;
font-size : 11px;
line-height : 1.42857143;
color : #555;
background-color : #fff;
box-shadow : 0 1px 1px rgb(0, 0, 0, 0.075) inset;
transition : border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.wrap {
margin-top : 20px;
}
.box {
width : 500px;
padding : 4px 4px 9px 4px;
border : #E8E8E8 solid 1px;
}
.head {
float : left;
height : 17px;
padding-top : 2px;
padding-left : 20px;
font-size : 11px;
font-weight : bold;
color : #666;
background : url(link.gif) center left no-repeat;
}
.url-wrap {
width : 100%;
padding-right : 80px;
}
.url-wrap #url {
width : 100%;
padding : 6px 6px 5px;
border : #ededed solid 1px;
font-size : 12px;
font-weight : normal;
}
#attach {
float : right;
margin-left : 0;
overflow : hidden;
font-size : 12px;
cursor : pointer;
}
.info {
float : left;
width : 360px;
height : 200px;
}
.title {
font-size : 11px;
font-weight : bold;
cursor : pointer;
}
.url {
padding : 3px;
font-size : 11px;
}
.desc {
margin-top : 5px;
font-size : 12px;
cursor : pointer;
}
.title:hover {
background-color : #FF9;
}
.desc:hover {
background-color : #FF9;
}
#prev {
cursor : pointer;
}
#next {
cursor : pointer;
}
#attach_content {
margin-top : 10px;
padding : 10px;
border : #ccc solid 1px;
}
#attach_content label {
font-weight : normal;
}
#ftchimgz, .ftchimgz {
float : left;
width : 110px;
height : 110px;
margin-bottom : 4px;
padding : 5px;
overflow : hidden;
}
#ftchinformation, .ftchinformation {
width : 100%;
padding-left : 130px;
min-height : 100px;
text-align : left;
}
#ftchtitle, .ftchtitle {
display : block;
font-size : 14px;
}
#ftchurlz, .ftchurlz {
display : block;
font-size : 10px;
}
#ftchdesc, .ftchdesc {
font-size : 12px;
}
#ftchtotalimgznavigation {
float : left;
padding-left : 8px;
}
.clearfix:after {
content : ".";
display : block;
visibility : hidden;
clear : both;
height : 0;
font-size : 0;
line-height : 0;
}
#next {
float : right;
color : #999;
}
#txtarea_tag_user_result_div {
z-index : 999;
position : absolute;
left : 85px;
width : 300px;
padding : 5px;
overflow : hidden;
background : #fff;
}
.cmtgshow {
z-index : 999;
position : absolute;
width : 332px;
margin-left : 120px;
padding : 5px;
overflow : hidden;
background : #FFF7CD;
}
.wsc_w_r {
position : relative;
margin-top : -4px;
}
#blanket {
z-index : 10000;
position : fixed;
top : 0;
left : 0;
width : 100%;
height : 100%;
opacity : 0.5;
background-color : black;
}
#popUpDiv .data {
padding-top : 5px;
}
#popUpDiv {
z-index : 10000;
position : absolute;
color : #333;
background : #fff;
box-shadow : 0 0 18px rgb(0, 0, 0, 0.4);
    top:50%;
    left: 50%;
width : 530px;
    min-height:530px;
    margin-top: -120px auto 0 auto; 
}
#popUpDiv .popup_loader {
padding : 10px;
text-align : center;
}
.collapsed {
width : 34%;
margin : 0;
margin-top : 5px;
padding : 0;
padding : 5px;
padding-bottom : 3px;
border : none medium;
font-size : 12px;
font-size : 11px;
vertical-align : top;
color : #32394A;
background : none 0 0 repeat scroll transparent;
background : #fff;
cursor : pointer;
}
.showPpl .next {
float : right;
}
.showPpl .next {
color : #ccc;
}
.showPpl a {
font-size : 12px;
}
.showPpl .t {
margin-top : 0;
margin-right : 3px;
}
.postactiondiv a {

}

.poststyle {
margin-top : 4px;
padding-right : 0;
font-size : 14px;

color : #333;
overflow-wrap : break-word;
}
.lb-dataContainer .poststyle {
margin : 9px 0;
}
.comDiv1 {
padding-top : 2px;
}
.comOnlyPad {
padding-top : 3px;
}
.hides {
display : none;
}
.voteicon {
float : left;
margin-top : 0;
margin-right : 2px;
}
.like_txt {
float : left;
margin-top : 4px;
}

.wsc_menus li.active > a, a.button-left.active, a.button-left:hover {
outline : 0;
color : #fff;

}
a.button-left span {
float : left;
margin-left : 6px;
padding-top : 2px;
}
.dotseparator {
margin-bottom : 5px;
color : #999;
}
.topheadpopup_div {
border-bottom : 1px solid #e5e5e5;
color : #141823;
background-color : #f6f7f8;
}
.oembedall-container, .oembedall-container iframe, .oembedall-container img, .oembedall-container a {
width : 100%;
max-width : 100% !important ;
}
button.close {
margin : 5px 5px 2px;
}
button.close.nomargin {
margin : 0;
}
.popupheadlabel {
float : left;
width : 87%;
padding : 10px 10px 8px;
text-align : left;
font-size : 14px;
font-weight : bold;
color : #141823;
}
.loaderglobal {
display : none;
float : left;
width : 36px;
padding : 33px;
}
.lb-closeContainer {
z-index : 15;
position : absolute;
right : 0;
bottom : 8px;
text-align : right;
}
.lb-dataContainer {
width : 503px;
padding : 0;
padding-bottom : 4px;
background-color : #FFF;
}
.postThumb {
display : inline-block;
float : left;
border-radius: 6px;
width : 70px;
height : 70px;
margin-right : 9px;
margin-right : 10px;
margin-left: 10px;
border : #DDD solid 1px;
border-radius : 3px;
vertical-align : middle;
background-color : #FFF;
}
.commentThumb {
display : inline-block;
width : 37px;
height : 37px;
margin-right : 9px;
padding : 3px;
border : #DDD solid 1px;
border-radius : 3px;
background-color : #FFF;
}
.CommentImg {
display : block;
float : left;
width : 40px;
height : 37px;
overflow : hidden;
}
.a-btn {
display : block;
float : right;
margin-bottom : 2px;
margin-left : 8px;
padding : 5px 9px;
min-width : 100px;
overflow : hidden;
text-align : center;
cursor : pointer;
}
.notify {
padding : 4px;
text-align : center;
background : white;
cursor : pointer;
}
.wsc_black_layers {
z-index : 9;
position : fixed;
top : 0;
right : 0;
bottom : 100%;
left : 0;
opacity : 0;
background : #000;
transition : opacity 0.3s, bottom 0s 0.3s;
}
.wsc_black_layers.fadeIn, .opacity-60 {
bottom : 0%;
opacity : 0.6;
transition : opacity 0.3s;
}
.compose_box {
z-index : 1;
position : relative;
width : 100%;
margin-right : auto;
margin-bottom : 15px;
padding : 10px 8px;
border-color : #e5e6e9 #dfe0e4 #d0d1d5;
border-radius : 3px;
background-color : #fff;
}
.compose_box.zindex {
z-index : 999;
}
.compose_box_slide {
z-index : 1;
position : relative;
width : 100%;
margin-right : auto;
margin-bottom : 15px;
padding : 10px 8px;
border-color : #e5e6e9 #dfe0e4 #d0d1d5;
border-radius : 3px;
}
.compose_box_slide.zindex {
z-index : 999;
}
#page_loader {
padding : 50px;
}
#wsc_bottom_spinner {
display : none;
z-index : 999999;
position: fixed;
bottom : 3px;
width : 100%;
text-align : center;
margin-bottom: 60px;
}
#wsc_bottom_spinner div {


}
#TopSpinner {
z-index : 1;
position : absolute;
height: 50px;
width : 97%;
border-radius : 4px;
text-align : center;
color : #FFF;
opacity : 0.7;
background : #FFF;
}

/*--- load more ---*/

.loadmore {
    display: block;
    position: relative;
    width: 100%;
    text-align: center;
}

.loadmore > span {
    font-size: 11px;
    left: 5px;
    position: relative;
    top: 0;
}

.line {
  animation: expand 1s ease-in-out infinite;
  border-radius: 10px;
  display: inline-block;
  transform-origin: center center;
  margin: 0 3px;
  width: 2px;
  height: 12px;
}

.line:nth-child(1) {
  background: #27ae60;
}

.line:nth-child(2) {
  animation-delay: 180ms;
  background: #f1c40f;
}

.line:nth-child(3) {
  animation-delay: 360ms;
  background: #e67e22;
}

.line:nth-child(4) {
  animation-delay: 540ms;
  background: #2980b9;
}

@keyframes expand {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(2);
  }
}

#TopSpinnerphoto {
z-index: 1;
position: absolute;
width: 100%;
border-radius: 4px;
text-align: center;
color: #FFF;
opacity: 0.7;
}
#screenCover {

top : 0;
left : 0;
width : 100%;
height : 100%;
opacity : 0.85;
}
.postSpinner {
display : none;
position : absolute;
width : 467px;
height : 100%;
margin-top : 10px;
border-radius : 4px;
text-align : center;
color : #FFF;
opacity : 0.7;
background : url(img/ajax-loader.gif) top right no-repeat;
background-color : #FFF;
}
.autocomplete-suggestions {
box-sizing : border-box;
border : 0 !important ;
box-shadow : 0 2px 10px 0 rgb(0, 0, 0, 0.148438);
box-shadow : 0 3px 8px rgb(0, 0, 0, 0.3);
animation-name : fade-out-down;
animation-duration : 0.2s;
animation-fill-mode : both;
}
.zWallsettingtoggle {
display : none;
position : absolute;
top : 45px;
right : 0;
width : 154px;
padding : 8px 0;
text-align : left;
background-color : #fff;
}
.wsc_shadow {
box-sizing : border-box;
box-shadow : 0 2px 10px 0 rgb(0, 0, 0, 0.148438);
box-shadow : 0 3px 8px rgb(0, 0, 0, 0.3);
animation-name : fade-out-down;
animation-duration : 0.2s;
animation-fill-mode : both;
}
#wsc_head_search, #wsc_tag_ppl_search_popup, #wsc_tag_ppl_inside_popup, #wsc_add_group_member_popup, #wsc_message_new_popup, #wsc_postshare_popup {
display : none;
z-index : 3;
position : absolute;
width : 100%;
background : #fff;
}
.nano {
height : 450px !important ;
}
.nano .nano-slider {
background : #ccc !important ;
}
.nano > .nano-pane {
width : 8px !important ;
}
.notes .zWallsettingtoggle {
width : 146px;
}
.zWallsettingtoggle hr {
margin : 0;
border : 0;
border-top : 1px solid #e9e9e9;
}
.zWallsettingtoggle a {
display : block;
padding : 10px 20px 10px 20px;
}
.zWallsettingtoggle a:hover {
color : #fff;
background : #f7258c;
}
#searchfield {
display : block;
width : 100%;
padding-top : 10px;
text-align : center;
}
#searchfield form {
display : inline-block;
width : 100%;
margin : 0;
padding : 0;
border-radius : 3px;
}
#searchfield form .biginput {
display : inline-block;
width : 97%;
height : 40px;
margin : 0;
padding : 0 10px 0 10px;
border : none;
border-bottom : 1px solid #c8c8c8;
border-radius : 3px;
text-align : start;
text-indent : 0;
text-shadow : none;
text-transform : none;
font-size : 1.5em;
font-weight : normal;
letter-spacing : normal;
word-spacing : normal;
color : #aeaeae;
color : inherit;
background-color : #fff;
transition : all 0.2s linear;
}
#searchfield form .biginput:focus {
color : #858585;
}

.notify_div a, .notify_div { 
color : #999;
}
.notify_div a.boldy {
color : #365899;
}
.notification_header h3 {
margin : 10px;
padding : 0;
font-size : 12px;
}
.notification_sub_cont {
margin : 0;
padding : 0;
border-bottom : 10px solid #f6f7f8;
}
.notification_header {
height : 34px;
margin : 0;
padding : 0;
}
.notification_content {
margin : 0 5px;
min-height : 40px;
background : white;
}
.notification_content_bottom {
display : block;
padding : 10px 10px 2px;
border-top : 1px solid #c5c5c5;
border-bottom-left-radius : 3px;
border-bottom-right-radius : 3px;
text-align : center;
font-weight : bold;
background : #f6f7f8;
background-color : #f6f7f9;
}
#main-header-nav {
z-index : 0;
position : relative;
height : 40px;
padding : 0;
padding-left : 130px;
border : #ddd solid 1px;
border : #d3d6db solid 1px;
border-radius : 2px 2px 2px 2px;
border-radius : 0 0 3px 3px;
background : #fff;
}
#main-header-nav .sub_nav {
float : left;
position : relative;
height : 40px;
padding : 0;
}
#main-header-nav .sub_nav a.anchr {
float : left;
position : relative;
padding : 0 10px;
border-right : 1px solid #DEDBD6;
border-left : 1px solid white;
text-align : center;
font-size : 13px;
line-height : 38px;
}
#main-header-nav .sub_nav a.anchr:hover {
color : #333;
background : none 0 0 repeat scroll #f7258c;
}
#main-header-nav .sub_nav a.anchr.selected, #main-header-nav .sub_nav a.anchr.active {
font-weight : bold;
color : #f7258c;
cursor : default;
}
#main-header-nav .sub_nav a.anchr.active:hover {
background : none;
}
#main-header-nav .sub_nav a.anchr .fa-caret-up {
display : none;
}
#main-header-nav .sub_nav a.anchr.active .fa-caret-up {
display : block;
position : absolute;
bottom : -6px;
left : 0;
width : 100%;
font-size : 20px;
color : rgb(241, 241, 241);
}
.load_notifications {
padding : 8px;
text-align : center;
}
#friends_container, #photos_container {
width : 100%;
}
#notes_container {
display : none;
margin : 0 16px 16px 16px;
}
.close_notes_link {
display : none;
}
.noborder {
float : right;
width : 29px;
border : none !important ;
font-size : 16px;
}
.notes-detail {

}
.notes-detail.view {
margin : 0;
max-height : 100%;
border : none;
box-shadow : none;
}
.notes-detail .ntitle {
padding : 0 !important ;
font-size : 16px !important ;
letter-spacing: 0.0px;
}
.name .notes-detail span {
display : inherit;
padding : inherit;
font-size : inherit;
color : inherit;
}
.modal-header .close {
width : auto;
height : auto;
}
.show_notifications {
padding-top : 5px;
padding-bottom : 5px;
border : 0;
border-top : 1px solid #fbf0f0;
}
.notify_div {
width : 96%;
margin-left : 1px;
padding-top : 6px;
min-height : 20px;
}
.notify_img {
display : block;
float : left;
width : 50px;
height : 50px;
padding : 2px;
}
.notify_img img {
display : inline-block;
width : 40px;
height : 40px;
margin-right : 10px;
padding : 3px;
border : #DDD solid 1px;
border-radius : 3px;
vertical-align : middle;
background-color : #FFF;
}
.boldy {
font-weight : bold;
}
.notify_time {
margin-right : 4px;
font-size : 10px;
color : #999;
}
.tooltip_view_posts {
z-index : 9;
position : absolute;
padding : 5px;
border-radius : 4px;
color : #fff;
background : #333;
}
.tooltip_view_posts span {
font-size : 13px;
}
.commentPanel a.nomargin {
margin : 0;
margin-right : 0;
}
.commentPanel .poststyle {
font-size : 17px;
font-weight:bold;
}
.commentPanel .name {
float : left;
width : 88%;
padding-top : 2px;
}
.wrapComment {
position : relative;
background : #f6f7f8;
}
.commentReplyBox.hide {
display : none !important ;
}
.w_t_1 {
width : 32%;
overflow : hidden;
}
.w_t_1 img {
width : 100%;
}
.w_t_2 {
max-width : 100%;
}
.w_t_2 img {
max-width : 100%;
}
.commentReplyBox {
display : block;
margin-top : 2px;
margin-left : 51px;
padding : 5px;
border-left : 1px solid #ccc;
background : #f6f7f8;
}
.commentReplyBox .CommentImg {
display : block;
float : left;
overflow : hidden;
}
.commentReplyBox .commentMark {
min-height : 36px;
}
.lb-outerContainer {
width : 62% !important ;
max-height : 500px !important ;
overflow : hidden;
}
.lb-outerContainer .lb-container {
position : relative !important ;
height : 94% !important ;
min-height : 80px;
overflow : hidden;
}
.lb-outerContainer .lb-container > img {
max-height : 100% !important ;
max-height : 500px !important ;
max-width : 100%;
}
.lb-nav a {
cursor : pointer;
}
.txt_area_lbl {
display : block;
position : relative;
width : 100%;
padding-left : 43px;
}
.txt_area_lbl a {
display : block;
position : absolute;
top : 10px;
right : 15px;
opacity : 0.7;
}
.txt_area_lbl a:hover {
opacity : 1;
}
.txt_area_lbl .comment_picture {
position : absolute;
top : 8px;
right : -15px;
width : 10px;
height : 13px;
opacity : 0;
}
.txt_area_lbl .loaderglobal {
position : absolute;
top : 4px;
right : 0;
width : 96%;
padding : 7px;
text-align : center;
}
.comment_image_place {
display : block;
position : relative;
width : 100%;
margin : 0;
text-align : left;
}
.comment_image_place img {
float : none;
position : relative;
margin-top : 5px;
margin-left : 54px;
padding : 4px;
}
.commentReplyBox .comment_image_place img {
margin-left : 28px;
}
.comment_image_place a {
position : absolute;
top : 3px;
padding : 0 4px;
}
.addnotes_wrap {
padding : 0;
text-align : right;
}
.auto_height {
height : auto !important ;
}
#lightbox .addnotes_wrap {
z-index : 9;
position : relative;
height : 750px;
padding : 15px;
}
.whitish {
background-color : rgb(255, 255, 255, 0.8) !important ;
}
.notes .showPpl, .notes .postactiondiv {
width : 100%;
}
.liking {
display : block;
float : left;
position : relative;
width : 71px;
height : 71px;
margin-left : 1px;
border : #fff solid 1px;
overflow : hidden;
}
.liking img {
width : 100%;
height : 100%;
border : #fff solid 1px;
border-radius: 6px;
}
.group_align {
text-align : left !important ;
}
.logotext {
font-size : 19px;
}
.wsc_button {
display : inline-block;
padding : 4px 16px 4px;
border : #bfbfbf solid 1px;
border-radius : 3px;
text-shadow : 0 1px 0 rgb(255, 255, 255, 0.5);

font-size : 12px;
font-weight : 400;
line-height : 30px;
vertical-align : top;
color : #8c8c8c;
background-color : #f2f2f2;
background-image : linear-gradient(to bottom, #f2f2f2, #f2f2f2);
transition : all 20ms ease-out; 
cursor : pointer;
}
.wsc_button:hover, .wsc_button:focus {
border-color : #8c8c8c;
background : #f2f2f2;
box-shadow : 0 1px 0 white inset, 0 -1px 0 #d9d9d9 inset, 0 0 0 1px #f2f2f2 inset;
}
.wsc_button:active {
background : #f2f2f2;
box-shadow : 0 2px 3px rgb(0, 0, 0, 0.2) inset;
}
.wsc_button .fa {
text-shadow : 0 1px 0 rgb(255, 255, 255, 0.3);
color : #bfbfbf;
}
.button-rose {
border : #fb2e9a solid 1px;
text-shadow : 0 1px 2px rgb(0, 0, 0, 0.3);
color : white;
background-color : #fb2e9a;
background-image : linear-gradient(to bottom, #fb2e9a, #fb5db0);
box-shadow : 0 1px 0 #fb2e9a inset, 0 -1px 0 #fb2e9a inset, 0 0 0 1px #fb2e9a inset, 0 2px 4px rgb(0, 0, 0, 0.2);
}
.button-rose:hover, .button-blue:focus {
border-color : #fb0988;
background : #fb0988;
box-shadow : 0 1px 0 #fb0988 inset, 0 -1px 0 #fb0988 inset, 0 0 0 1px #fb0988 inset;
}
.button-rose:active {
background : #fb0988;
box-shadow : 0 2px 3px rgb(0, 0, 0, 0.2) inset;
}
.button-rose .fa {
text-shadow : 0 1px 0 rgb(255, 255, 255, 0.3);
color : #fb0988;
}
.button-green {
border : #5f993a solid 1px;
text-shadow : 0 1px 2px rgb(0, 0, 0, 0.3);
color : white;
background-color : #97cc76;
background-image : linear-gradient(to bottom, #97cc76, #8bcc62);
box-shadow : 0 1px 0 #c6e6b3 inset, 0 -1px 0 #79b356 inset, 0 0 0 1px #a4cc8b inset, 0 2px 4px rgb(0, 0, 0, 0.2);
}
.button-green:hover, .button-green:focus {
border-color : #326612;
background : #8bcc62;
box-shadow : 0 1px 0 #c6e6b3 inset, 0 -1px 0 #79b356 inset, 0 0 0 1px #a4cc8b inset;
}
.button-green:active {
background : #8bcc62;
box-shadow : 0 2px 3px rgb(0, 0, 0, 0.2) inset;
}
.button-green .fa {
text-shadow : 0 1px 0 rgb(255, 255, 255, 0.3);
color : #5f993a;
}
.button-red {
border : #ba3329 solid 1px;
text-shadow : 0 1px 2px rgb(0, 0, 0, 0.3);
color : white;
background-color : #ed6d64;
background-image : linear-gradient(to bottom, #ed6d64, #ed574c);
box-shadow : 0 1px 0 #ffb0aa inset, 0 -1px 0 #d44d44 inset, 0 0 0 1px #ed837b inset, 0 2px 4px rgb(0, 0, 0, 0.2);
}
.button-red:hover, .button-red:focus {
border-color : #870c03;
background : #ed574c;
box-shadow : 0 1px 0 #ffb0aa inset, 0 -1px 0 #d44d44 inset, 0 0 0 1px #ed837b inset;
}
.button-red:active {
background : #ed574c;
box-shadow : 0 2px 3px rgb(0, 0, 0, 0.2) inset;
}
.button-red .fa {
text-shadow : 0 1px 0 rgb(255, 255, 255, 0.3);
color : #ba3329;
}
.wsc_button .fa {
float : left;
margin : -1px 8px 0 -4px;
font-size : 14px;
line-height : 20px;
vertical-align : top;
}
.greybtn {
    display: inline-block;
    padding: 5px 9px;
    text-decoration: none;

    font-size: 12px;
    color: #fff;
    background: linear-gradient(to bottom, #64c637 5%, #64c637 100%);
        background-color: rgba(0, 0, 0, 0);
    background-color: #64c637;
    box-shadow: 0 1px 0 0 #fff inset;
    cursor: pointer;
}
.greybtn:hover, .greybtn:focus, .greybtn:active, .greybtn.active {
background : linear-gradient(to bottom, #4eaed1 5%, #4eaed1 100%);
background-color : #4eaed1;
}
.allmembers {
color : #4267b2;
}
.allmembers:hover {
text-decoration : underline;
}
.notification_new .title2 {
position : absolute;
top : 2px;
left : 0;
margin : 0; 
}
.site-search-form {
float : left;
position : relative;
width : 38%;
}
.site-search-form .fa-search, .navbar-form .fa-search {
position : absolute;
top : 7px;
left : 7px;
font-size : 17px;
color : #333;
}
.wsc_add_on {
position : absolute;
margin-bottom : 8px;
}
.wsc_add_on a {
display : block;
float : left;
margin-right : 2px;
padding : 4px 5px;
font-size : 15px;
color : #bdb3b3;
}
.wsc_add_on a:hover, .wsc_add_on a.active {
background : #f6f7f8;
}
input.search-site {
width : 100%;
padding : 8px 8px 8px 28px;
border : none;
border-width : 1px;
border-radius : 3px;
text-align : left;
font-size : 12px;
color : #666;
background-color : #DDD;
}
input.search-site:hover {
background-color: #FFFF;
}
form.account .row {
margin-bottom : 7px;
}
.account input[type="text"], .account input[type="password"] {
box-sizing : border-box;
width : 100%;
padding : 5px;
border : #d7d7d7 solid 1px;
border-radius : 3px;
font-size : 12px;
box-shadow : 0 1px 1px rgb(0, 0, 0, 0.06) inset;
transition : all 0.3s;
}
.accounts #signUpForm label {
padding-top : 6px;
}
.privacy_div .privacy_wrap {
float : left;
position : relative;
width : 49%;
}
.privacy_div .languages {
width : 131px;
}
.daterangepicker.dropdown-menu {
display : none;
}
.simlink {
color : #365899;
}
.simlink:hover {
text-decoration : underline;
}
.actions {
z-index : 2;
position : absolute;
right : 14px;
bottom : 10px;
}
.actions .managetoggle {
display : none;
z-index : 9;
position : absolute;
top : 23px;
right : 0;
width : 155px;
padding : 20px 20px 10px 20px;
border : rgb(0, 0, 0, 0.15) solid 1px;
text-align : left;
background-color : #fff;
}
.actions .managetoggle hr {
margin-top : 5px;
margin-bottom : 13px;
}
.actions .managetoggle a {
display : block;
padding-bottom : 10px;
}
.wsc_group_full .icon, .wsc_group_full .iconoutput, #bio .icon, #bio .iconoutput {
z-index : 1;
position : absolute;
top : 260px;
left : 11px;
width : 108px;
height : 102px;
overflow : hidden;
text-shadow : 0 1px 0 #FFF;
}
.group_status {
float : left;
margin : 3px;
}
.report_rolovr {
display : none;
z-index : 2;
position : absolute;
top : 26px;
right : 0;
width : 100px;
padding : 6px 0;
background : #fff;
}
.report_rolovr a {
display : block;
padding : 5px 10px 5px;
}
.report_rolovr a:hover {
color : #fff;
background : #379ECD;
}
.add i {
margin-right : 5px;
}
.group_status a {
float : left;
margin-right : 8px;
font-size : 16px;
opacity : 0.4;
}
.group_status a:hover, .group_status a.active {
color : #333;
opacity : 1;
}
.autocomplete-suggestion li {
padding : 8px 6px 4px 57px;
min-height : 50px;
}
.autocomplete-suggestion li {
display : block;
position : relative;
border-width : 1px 0;
color : #333;
}
.autocomplete-suggestion .empty {
padding : 5px;
min-height : 0;
text-align : center;
font-size : 12px;
cursor : default;
}
.autocomplete-suggestion .empty em {
color : #379ECD;
}
.greybtn.active, .greybtn.selected {
font-weight : bold;
color : #777;
background : linear-gradient(to bottom, #64c637 5%, #64c637 100%);
cursor : default;
}
.manage_grp_setting, .group_add_form {
padding : 28px 3px;
}
.inputtext:invalid, .inputpassword:invalid {
box-shadow : none;
}
ul {
margin : 0;
padding : 0;
list-style-type : none;
}
input.email_to_friend {
display : none;
height : 18px;
margin-top : 8px;
padding : 5px 10px;
min-width : 207px;
border : none;
border-width : 1px;
border-radius : 2px;
text-align : left;
font-size : 12px;
color : #666;
background-color : #EEE;
}
input.email_to_friend:hover {
background-color : #EEE;
}
.sweet-alert h2 span {
font-size : 20px;
font-weight : normal;
color : #888;
}
.touch {
cursor : pointer;
}
.comimage {
max-height : 500px;
max-width : 490px;
}
.progress {
display : none;
position : absolute;
width : 99%;
height : 15px;
padding : 1px;
border-radius : 3px;
text-align : left;
}
.progress .bar {
width : 0%;
height : 12px;
border-radius : 3px;
background-color : #008ed6;
}
.progress .percent {
display : inline-block;
position : absolute;
top : 1px;
left : 48%;
font-size : 11px;
}
.progress4 {
display : none;
z-index : auto;
position : absolute;
top : -21px;
width : 99%;
height : 15px;
padding : 1px;
border-radius : 3px;
text-align : left;
}
.progress4 .bar4 {
z-index : auto;
width : 0%;
height : 12px;
border-radius : 3px;
background-color : #008ed6;
}
.progress4 .percent4 {
display : inline-block;
z-index : auto;
position : absolute;
top : 1px;
left : 48%;
font-size : 11px;
}
.progressvideo {
display : none;
top : -21px;
width : 99%;
height : 15px;
padding : 1px;
border-radius : 3px;
text-align : left;
}
.progressvideo .barvideo {
width : 0%;
height : 12px;
border-radius : 3px;
background-color : #008ed6;
}
.progressvideo .percentvideo {
display : inline-block;
top : 1px;
left : 48%;
font-size : 11px;
}

.relative {
position : relative;
}
.absolute {
position : absolute;
}

.container_menu {
position : absolute;
margin-top : 51px;
margin-left : -50px;
max-width : 1200px;
}
.centerdivxshidden {
position : relative;
margin-top : -355px;
min-height : 350px;
}
.centerdiv {
position : relative;
margin-top : 92px;
min-height : 350px;
}
.centerdivprofil {
position : relative;
margin-top : 15px;
min-height : 350px;
}
.centerdivfooter {
position : relative;
margin-top : 0;
min-width : 250px;
text-align : center;
}
.right-sidebar {
position : relative;
margin-top : 92px;
margin-left : -20px;
min-height : 300px;
min-width : 250px;
}
.right-sidebar_profil {
position : relative;
margin-top : 15px;
margin-left : 0;
min-height : 300px;
min-width : 315px;
}
.left-sidebar {
position : relative;
margin-top : 92px;
margin-left : -15px;
min-height : 300px;
min-width : 250px;
}
.greeting_user {
position : relative;
width : 100%;
margin-right : auto;
padding : 8px;
border : solid 1px;
border-color : #e5e6e9 #dfe0e4 #d0d1d5;
border-radius : 3px;
background-color : #fff;
}
.z_e_e_a_r_e_a {
position : relative;
width : 100%;
margin-right : -7px;
margin-bottom : 5px;
border : solid 1px;
border-color : #e5e6e9 #dfe0e4 #d0d1d5;
border-radius : 3px;
background-color : #fff;
}
.z_e_e_a_r_e_a2 {
position : relative;
width : 225px;
margin-right : -7px;
margin-bottom : 5px;
border : solid 1px;
border-color : #e5e6e9 #dfe0e4 #d0d1d5;
border-radius : 3px;
background-color : #fff;
}
.wsc_wall_empty_notice {
position : relative;
width : 100%;
margin-right : auto;
margin-bottom : 15px;
padding : 20px 0;
border-radius : 3px;
text-align : center;
background-color : #fff;
}
.zewall_list {
margin : 10px;
}
.zewall_list .simlink.selected {
color : #777;
cursor : default;
}
.zewall_list .simlink.selected:hover {
text-decoration : none;
}
a.marg {
margin-right : 2px;
}
.z_ac_btn i {
margin-right : 4px;
}
.greeting_user {
margin-bottom : 10px;
background : url(img/wlcm_img.png) center right no-repeat;
background-color : #fff;
background-position : 4px 11px;
background-size : 85px;
}
.greeting_user div {
padding : 0 3px 0 83px;
}
.greeting_user span{ font-size: 20px;        text-decoration: none;     line-height: 0.9;     color: #2C3E50; margin: 9px 23px 7px 83px ; display:block; } .greeting_user span em{ font-style:normal; color:#008ed6} 

input.tag_frnd {
width : 100%;
padding : 5px 5px 5px 38px;
border : #ccc solid 1px;
border-width : 1px;
border-radius : 3px;
text-align : left;
font-size : 12px;
color : #666;
background-color : #fff;
}
#tag_friend_outside_post {
margin-top : 5px;
}
.tag_with {
display : inline-block;
position : absolute;
top : 2px;
left : 1px;
padding : 4px;
background : #e2e8f6;
}
.tag_feeling {
display : inline-block;
float : left;
padding : 4px;
background : #e2e8f6;
}
.zewall_emotions_ui {
display : none;
position : relative;
margin-top : 6px;
}
.zewall_emotions_ui .emotion_list {
float : left;
position : relative;
width : 157px;
padding : 1px 15px;
background : #f6f7f8;
}
.zewall_emotions_ui .emotion_list .emotion_dropdown {
z-index : 9;
position : absolute;
top : 23px;
width : 150px;
padding : 10px;
border : rgb(0, 0, 0, 0.15) solid 1px;
border-radius : 3px;
background-color : #fff;
box-shadow : 0 3px 8px rgb(0, 0, 0, 0.3);
}
.zewall_emotions_ui .emotion_list .emotion_dropdown a {
display : block;
position : relative;
padding : 8px 23px;
text-transform : capitalize;
font-size : 13px;
}
.zewall_emotions_ui .emotion_list .emotion_dropdown a img, .zewall_emotions_ui .selected_emotion img {
position : absolute;
left : 1px;
}
.zewall_emotions_ui .cancel_emotion {
position : absolute;
top : 3px;
right : 7px;
}
.block {
display : block !important ;
}
.zewall_emotions_ui .selected_emotion {
display : block;
position : relative;
height : 27px;
padding : 3px 20px;
text-transform : capitalize;
font-size : 13px;
color : #999;
}
.zewall_emotions_ui .tag_with {
float : left;
position : relative;
width : 60px;
text-align : center;
}
.with_these_friends {
display : none;
padding : 10px 0 2px;
color : #999;
}
.with_these_friends a {
margin : 0 3px;
color : #4267b2;
}
.with_these_friends a:hover {
text-decoration : underline;
}
.share_with_this_friend {
display : none;
margin-top : 8px;
padding : 2px;
color : #4267b2;
}
.wsc_paging_wrap {
margin : 10px 0;


}
.wsc_paging_wrap:hover {
}
.wsc-paging {
display : block;
width : 100%;
padding : 10px;
text-align : center;
}
.icon_profile {
display : inline-block;
width : 100%;
height : 103px;
margin-right : 10px;
padding : 3px;
border : #DDD solid 1px;
border-radius : 3px;
vertical-align : middle;
background-color : #FFF;
object-fit : cover;
}
.library-layer {
display : none;
position : absolute;
top : 0;
width : 99%;
height : 99%;
background : #fff;
}
.pages {
position : relative;
width : 100%;
margin : 15px 0;
min-height : 400px;
border : solid 1px;
border-color : #e5e6e9 #dfe0e4 #d0d1d5;
border-radius : 3px;
background : #fff;
}
.note_head {
margin : 0 0 15px;
min-height : auto;
}
.pages .page_head {
padding : 20px 15px 0;
}
.pages .page_head .heading {
margin-bottom : 15px;
color : #333;
}
.pages .page_head h3 i {
margin-right : 5px;
color : #777;
}
.pages .page_head .heading h3 {
margin : 0;
padding : 0;
text-transform : capitalize;
font-size : 14px;
}
.pages .view {
padding : 15px;
min-height : 300px;
background : #FFF;
}
#update_post_textarea {
width : 100%;
}
.coverphoto, .output {
width : 100%;
height : 230px;
margin : 0 auto;
}
.icon .output {
width : 100px;
}
#fetchvideoBox {
display : block;
z-index : 9999;
position : absolute;
}
#friends_boxs_containerd {

padding : 0 0 0 12px;
overflow-x : hidden;
overflow-y : auto;
outline : none;
}
.wsc_menus li {
float : left;
}
.wsc_menus li.active > a {
color : #fff;
}
.f_thumb {
display : block;
float : left;
position : relative;
width: 48%;
height : 145px;
margin : 2px 2px;
overflow : hidden;
text-align : center;
}
.f_thumb img {
width: 100%;
height : 145px;
}
.f_thumb div {
z-index : 1;
position : absolute;
right : 0;
bottom : 0;
left : 0;
padding : 4px;
font-size : 12px;
color : #fff;
background : linear-gradient(transparent, rgb(0, 0, 0, 0.8));
}
.coverphoto, .output {
height : 195px;
}
.coverphoto-photo-container {
cursor : pointer;
}
@media (min-width: 768px) {
.modal-dialog {
margin : 60px auto !important ;
}
}
@media (max-width: 990px) {
.coverphoto, .output {
height : 195px;
}
.coverphoto-container .coverphoto-photo-container img {
height : 100%;
}
.wsc_group_full .icon, .wsc_group_full .iconoutput, #bio .icon, #bio .iconoutput {
top : 116px;
}
.f_thumb {
width : 61px;
height : 61px;
}
.f_thumb img {

}
.f_thumb div {
font-size : 11px;
}
}
@media (max-width: 765px) {
.coverphoto, .output {
height : 195px;
}
.coverphoto-container .coverphoto-photo-container img {
height : 100%;
}
#sidebar {
width : 100%;
}
.site-search-form {
position : absolute;
top : 47px;
width : 100%;
margin : 0;
}
input.search-site {
width : 100%;
}
.wsc_menus {
float : right;
}
}
@media (max-width: 660px) {
.lb-outerContainer .lb-container > img {
max-height : 300px !important ;
}
.comimage {
display : block;
margin : 0 auto;
max-height : 300px;
max-width : 100%;
}
}
@media (max-width: 600px) {
.wsc_button {
padding : 4px 10px;
font-size : 11px;
line-height : 17px;
}
.z_ac_btn {
position : relative;
right : auto;
bottom : auto;
width : 100%;
padding : 12px 8px;
background : #fff;
}
.report_rolovr {
top : 36px;
right : 8px;
}
.greybtn, .bluebtn, .redbtn, .greenbtn {
font-size : 11px;
}
}
@media (max-width: 550px) {
.nav-tabs > li > a {
margin-top : 10px;
}
#logoheaderbox a {
display : block;
float : none;
position : relative;
width : 152px;
margin : 0 auto;
}
.site-search-form {
float : none;
clear : both;
top : 53px;
}
#logoheaderbox, .wsc_menus {
float : none;
clear : both;
width : 100%;
}
#sidebar {
height : 54px;
}

.lb-outerContainer {
width : 99% !important ;
height : 100% !important ;
min-height : 100px;
}
.widpercentage, .lb-dataContainer {
width : 99%;
overflow : hidden;
}
.popUpCommentArea {
width : 98%;
}
}
@media (max-width: 510px) {
#main-header-nav, .compose_box, #wsc_midbox {
width : 100% !important ;
}
#main-header-nav {
padding-left : 0;
}
.wallposthead .name {
width : 60%;
margin-top : 0;
}
.commentPanel .name {
width : 83%;
}
.wallposthead a.thmbanchr {
float : left;
margin : 0 auto;
}
.progress {
width : 100%;
}
.coverphoto, .output {
height : 195px;
}
#bio .icon, .wsc_group_full .icon, .wsc_group_full .iconoutput, #bio .iconoutput {
top : 20px;
width : 60px;
height : 55px;
}
.icon img {
height : 55px !important ;
}
.w_t_1 {
width : 32%;
}
#popUpDiv {
width : 98%;
}
}
@media (max-width: 490px) {
#main-header-nav .sub_nav a.anchr {
font-size : 12px;
}
}
@media (max-width: 450px) {
.notification_sub_cont {
width : 99%;
}
.notify_div {
width : 80%;
}
}
@media (max-width: 400px) {
#main-header-nav .sub_nav a.anchr {
padding : 0 5px;
}
.wsc_menus {
float : none;
margin-top : 0;
}
}
.site-top-alert {
display : none;
margin : 0;
margin-top : 10px;
padding : 10px;
text-align : center;
}
.show_it {
display : block !important ;
}
@keyframes bump1 {
0% {
transform : scale(1);
}
50% {
transform : scale(1.5);
}
100% {
transform : scale(1);
}
}
@keyframes bump2 {
0% {
transform : scale(1);
}
50% {
transform : scale(1.5);
}
100% {
transform : scale(1);
}
}
body {
padding : 50px;
background : #ededed;
}
.ajoutamis {
z-index : 1;
float : left;
position : absolute;
margin : -15px 35px 15px 45px;
border : 0;
}
#toggle {
width : 100%;
border : #ddd solid 1px;
text-align : left;
background-color : #fff;
}
.panel.noborder {
border : none;
background-color : transparent;
box-shadow : none;
}
.panel.noborder > .panel-heading {
border-bottom : 1px solid #ddd;
border-radius : 0;
background-color : transparent;
}
::-ms-clear {
display : none;
}

.form-control-clear {
z-index : 10;
color : #666;
cursor : pointer;
pointer-events : auto;
}
.btn-primary {
padding : 6px 30px;
border : none;
border-radius : 0;
background : #2196f3;
}
.enb {
display : block;
z-index : 10;
position : relative;
top : -3px;
left : -5px;
width : 23px;
height : 23px;
padding : 0 3px 2px;
border : grey solid 1px;
border-radius : 50%;
text-align : center;
font-size : 12px;
line-height : 20px;
color : white;
background-color : #fb2e9a;
}
.enbmenu {
display : block;
z-index : 10;
position : relative;
top : -35px;
left : 0px;
width : 23px;
height : 23px;
padding : 0 3px 2px;
border : grey solid 1px;
border-radius : 50%;
text-align : center;
font-size : 12px;
line-height : 20px;
color : white;
background-color : #fb2e9a;
}
.enbvisite {
z-index : 2;
position : relative;
top : 0;
width : 23px;
height : 23px;
padding : 1px 4px 1px;
border : grey solid 1px;
border-radius : 50%;
text-align : center;
line-height : 20px;
color : white;
background-color : #4eaed1;
}
.h-pp-block {
min-width : 200px;
}
#bio .icon_groupe, #bio .iconoutput_groupe {
z-index : 1;
position : absolute;
top : 100px;
left : 5px;
height : 100px;
max-width : 108px;
overflow : hidden;
text-shadow : 0 1px 0 #FFF;
}
#bio .icon_groupe_partenaire, #bio .iconoutput_groupe_partenaire {
z-index : 1;
position : absolute;
top : 227px;
left : 5px;
height : 100px;
max-width : 108px;
overflow : hidden;
text-shadow : 0 1px 0 #FFF;
background-color : #FFF;
}
.sidebar_group {
margin-bottom : 12px;
padding : 10px;
background-color : #fff;
}
.container_menu {
position : absolute;
margin-top : 51px;
margin-left : -50px;
max-width : 1200px;
}
.centerdivxshidden {
position : relative;
margin-top : -355px;
min-height : 350px;
}
.centerdiv {
position : relative;
margin-top : 92px;
min-height : 350px;
}
.centerdivprofil {
position : relative;
margin-top : 15px;
min-height : 350px;
}
.centerdivgroupe {
position : relative;
margin-top : 60px;
min-height : 350px;
}
.centerdivfooter {
position : relative;
margin-top : 0;
min-width : 250px;
text-align : center;
}
.right-sidebar_groupe {
position : relative;
margin-top : 15px;
margin-left : 0;
min-height : 300px;
min-width : 250px;
}
.right-sidebar_groupe .activity {
position : relative;
width : 100%;
height : 300px;
margin : 0;
margin-bottom : 15px;
padding : 0;
border : solid 1px;
border-color : #e5e6e9 #dfe0e4 #d0d1d5;
border-radius : 3px;
background-color : #fff;
}
.actions2 {
z-index : 1;
position : absolute;
top : 227px;
left : 5px;
height : 100px;
max-width : 108px;
overflow : hidden;
text-shadow : 0 1px 0 #FFF;
}