/* ************************ Psifiaki geitonia *************************** */

.sidebar ul.social_menu li {
    margin: 10px;
}

.sidebar ul.social_menu li a {
    font-size: 16px;
    font-weight: bold;
}

.social_menu i {
    width: 30px;
    height: 25px;
    display: inline-block;
    float: left;
    margin-top: 8px;
    background-size: 70% auto;
    background-repeat: no-repeat;
}

.social_menu i.social_home {
    background-image:url("/inst/tsso_6/gallery/ui/themes/tsso/img/icon-social-home.png");
}

.social_menu i.social_user {
    background-image:url("/inst/tsso_6/gallery/ui/themes/tsso/img/icon-social-user.png");
}

.social_menu i.social_profile {
    background-image:url("/inst/tsso_6/gallery/ui/themes/tsso/img/icon-social-profile.png");
}

.hashtags_container_wrapper {
    line-height: 1.8;
    margin: 20px 0;
}

.hashtags_container_wrapper#userGroups{
    max-height: 300px;
    overflow-y: scroll;
}

div.user_news_feed_type {
    padding: 0 90px;
}

div.txt_new_post {
    position: relative;
}

div.txt_new_post #txt_user_create_new_post, div.txt_new_post #txt_user_create_new_link{
    box-shadow: 3px 2px 3px #d8d8d8;
}

input#file_user_create_new_post{
    visibility: hidden; 
}

label.file-button{
    position: absolute;
    cursor:pointer;
    float: right;
    width: 32px;
    height: 32px;
    top: 12px;
    right: 10px;
    border:0 none;
    background-color:#ccc; 
    background-repeat: no-repeat;
    background-image:url("/inst/tsso_6/gallery/ui/themes/tsso/img/icon-social-image.png");
    filter: alpha(opacity=0);
}

div.user_post_text{
    font-size: 16px;
    color: #929292;
    line-height: 1.6;
}


a.fancy_box_img.img-post-wrap img.img-post{
    /*width: 495px;
    height: 495px;*/
    overflow:hidden;
}

img.img-post{
    height: 100%;
    /*min-width: 100%;*/
    left: 50%;
    position: relative;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

a.group_link{
    padding: 15px;
    background-color: #ffffff;
    margin-bottom: 4px;
}
/*
textarea:focus::-webkit-input-placeholder,
textarea:focus:-moz-placeholder,
textarea:focus::-moz-placeholder,
textarea:focus:-ms-input-placeholder{
    color:transparent;
}*/

div.view_user_profile_data_area{
    padding-top: 75px;
}

div#userProfileImg{
    text-align: center;
}

span#userFirstName, span#userLastName{
    font-size: 22px;
    font-weight: bold;
    line-height: 2;
}

span#userEmail{

}

div#btnUpdateProfile{
    padding-top: 5%;
    padding-bottom: 20px;
    clear: both;
}

div.input-field .about_me_label{
    display: none;
}


div.user_groups_label, div.about_me_label{
    font-size: 18px;
    font-weight: bold;
    color: #d8d7d7;
    padding: 12px 0;
    border-bottom: 1px solid #d8d7d7;
    margin-bottom: 8px;
}
div.user_groups_load_more_button{
    margin-top: 16px;
}

div.edit_user_profile_data_area{
    min-height: 366px;
    height: 100%;
    padding: 45px 0;
}

div.edit_group_profile_data_area{
    min-height: 451px;
    height: 100%;
    padding: 45px 0;
}

div.input-field{
    padding: 12px 0;
    font-size: 18px;
}

div.input-field span{

}

div.input-field input{
    padding: 8px 4px;
    width: 99%;
    border: none;
    background-color: #F9F9F9;
}

div.input-field i{
    margin-left: -26px;
}
div.input-field:hover i{
    opacity: 0.2;
}

textarea#editUserAboutMe, 
textarea#editGroupDescr {
    width: 100%;
    height:180px;
    border: none;
    background-color: #F9F9F9;
    padding: 8px;
    margin: 12px 0;
}

.left{
    float: left;
/*    margin-right: 4px;*/
}

.right{
    float:right;
/*    margin-left: 4px;*/
}

div.icon-btn i{
    position: relative;
    top: -46px;
    left: 14px;
}

div.view_group_profile_data_area{
    padding: 18px 10%;
/*    text-align: center;*/
}

div#groupName{
    font-size: 22px;
    line-height: 2;
    margin-bottom: 62px 0;
}

div#groupDescr{
    padding: 22px;
    margin-bottom: 42px;
}

div#groupImg{
    position: relative;
    float: right;
/*    right: -414px;*/
    top: -44px;
    width: 90px;
    height: 90px;

    -webkit-border-radious: 45px;
    -moz-border-radius:  45px;
    border-radious:  45px;
}

div#groupImg img{
    width: 90px;
    height: 90px;

    -webkit-border-radius: 45px;
    -moz-border-radius:  45px;
    border-radius:  45px;
}

div.checkbox {
    width: 100%;
    margin-bottom: 12px;
}

div.checkbox span{
    margin-right: 26px;
    margin-top: 4px;
}
input[type=checkbox]{
   width: 22px;
   height: 22px;
}

input#editGroupIsPublic {
    margin-left: 1%;
    display: inline-block;
    vertical-align: bottom;
}

div#allGroups{
    margin-top: 20px;
    padding: 34px;
}

input#inputallGroups{
    margin-top: 20px;
    padding: 14px 12px;
}

img#txt_user_create_new_post_img {
    position: absolute;
    top: 12px;
    left: 6px;
    border-radius: 100%;
    width: 24px;
}


img#txt_user_create_new_link_img{
    position: absolute;
    top: 105px;
    left: 6px;
    width: 24px;
    background-color: #ffffff;
}




/* tsso.css */
.user_profile_img{
    margin-right: 3%;
}

.news_fee_area{
    top:1px!important;
}

#txt_user_create_new_post:focus, #txt_user_create_new_link:focus, .post_all_comments_wrappers textarea{
    border:1px solid #ddd!important;
}

#postAreaNewsFeed {
    margin-top: 0!important;
    float: left;
    width: 100%;
}

.news_fee_area{
    float: left;
    width: 100%;
}

.user_post_label_days_past_wrapper {
    margin-top: 3%;
    float: left;
    width: 100%;
    background-color: #f1f1f1;
    color: #333;
    margin-left: -6px;
    padding: 3px 7px;
    margin-bottom: 2%;
}

.user_post_label_days_past {
    color: #a1a1a1!important;
    font-size: 13px!important;
    font-weight: normal!important;
    margin-left: 0!important;
}

.comments_notifications_area, .groups_notifications_area{
    background-color: #ddd;
}

.comments_notifications_item, .groups_notifications_item{
    background-color: #f1f1f1;
}

.group_members_request_wrapper{
    padding:20px;
}

.accept_decline_member {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 2px solid #dad8d8;
    color: #777 !important;
    cursor: pointer;
    float: left;
    font-size: 14px;
    font-weight: 600;
    margin: 15px auto;
    padding: 7px 15px;
    text-align: center;
    width: auto;
    margin-top: 3%!important;
}

a.accept_decline_member:hover{
    color:#333!important;
}

.group_members_request_wrapper div:first-child {
    font-weight: bold;
}

a.all_groups_link{
    color:#808080!important;
    font-weight: bold;
}

a.all_groups_link:hover{
    color:#333!important;
}

#btnCreateNewGroup, .news_feed_btn{
    color:#808080!important;
}

#btnCreateNewGroup:hover, .news_feed_btn:hover{
    color:#333!important;
}

input#editGroupProfileImg {
    margin: 10px 0;
}

/*input#editGroupTitle {
    margin-left: 5px;
    padding:3px 5px;
}*/

/*input#editGroupTitle:focus{
    border:1px solid #ddd!important;

}*/

.user_post_options {
    background-color: #F1F1F1;
    /*float: left;*/
    width: 100%;
}


@media (max-width: 480px){
    .user_post_profile_pic, .user_post_type_date_wrapper {
        position: relative!important;
        top: auto!important;
        left: auto!important;
    }

    .user_post_wrapper{
        margin-left: 0!important;
    }
}