/*sn main page*/

.socialnewsfeedall{width: 100%;
	height: auto;
background-color: #d6e8df;}


.sn_down_section_newsfeedall{display: flex;
flex-wrap: wrap;}

.sn_rightBox_newsfeedall{margin: auto;
            width: 70%;}

        /*be sure, that accountswitcher attached accounts are working*/
        ul.trow1 {
            z-index: 10;
        }
        .socialmain.container{
            color:#025a2d;
        }
        
        .socialmain a{
            color:#025a2d;
        }
        
        .sn_socialPost img {
            max-width: 100%;
            border:2px solid #025a2d;
        }
       
        .socialmain fieldset,
        .ucp_social fieldset {
            padding: 12px;
            border: 1px solid #d6e8df;
            margin: 0;
            border-radius:2px;
        }
        
        .socialmain textarea {
            background-color: #d6e8df;
            border:1px solid #a7ceba;
            color: #01371b;
            border-radius:2px;
            height:150px;
        }
        
        .socialmain button {
            background: none;
        }
        
        .socialmain legend {
            width: auto;
            display: block;
            max-width: 100%;
            padding: 0;
            margin-bottom: .5rem;
            font-size: 1.5rem;
            line-height: inherit;
            color: inherit;
            white-space: normal;
            color: #01371b;
        }
        
        .socialmain .tborder {
            border: 0px;
            border-radius: 8px;
        }
        
        .socialmain .trow1 {
            background: #d6e8df;
        }
        
        input.sn_send {
            margin-top: 3px;
            padding: 4px;
            padding-left: 10px;
            padding-right: 10px;
            margin-left: 5px;
            border-radius: 2px;
            border: 0;
            background: #d6e8df;
        }
        
        
        /*title section*/
        .sn_titel {
            width: 900px;
            border: 5px #a7ceba solid;
            background-repeat: no-repeat !important;
            background-position: center 0px !important;
            margin:10px 15px;
        }
        
        .sn_profil {
            background-color: #a7ceba;
            margin-left: 70px;
            margin-top: -100px;
            margin-right: 10px;
            border-radius: 8px;
            float: left;
        }
        
        .sn_profil img {
            padding: 5px;
        }
        
        .sn_username {
           text-align:center;
           font-weight:lighter;
           font-family: 'Oswald', sans-serif;
           color: #01371b;
           text-transform: uppercase;
           letter-spacing: 2px;
           border-bottom: 2px solid #01371b;
           font-size:20pt;
        }
        
        .sn_down_section {
            /* display: flex; */
            /* flex-wrap: wrap; */
            width:350px;
            height:700px;
            position:inherit;
            top:10px;
        }
        
        .sn_logo{
            margin:auto;
            text-align:center;
        }
        
        /*info and friendsection*/
        .sn_leftBox {
            width: 300px;
            height: 680px;
            overflow: auto;
        }
        
        .sn_memInfo {
            background-color: #a7ceba;
            margin: 10px;
            padding: 10px;
            font-size: 12px;
            height: min-content;
            border-radius: 2px;
            color: #01371b;
        }
        
        .sn_memInfo img {
            display: block;
            margin: auto;
            padding-top: 10px;

        }
        
        sn_tit {
            font-weight: bold;
        }

.sn_infobox{background-color: #add7c1;
width: 180px;
padding: 3px;
margin: 2px;
}
        
        .sn_links {
            background-color: #a7ceba;
            margin: 10px;
            padding: 10px;
            font-size: 12px;
            height: min-content;
            border-radius: 2px;
            color: #025a2d;
        }
        
        input.editDelete {
            border: none;
            background: none;
            font-size: 0.8em;
            padding: 0px;
            color: #025a2d;
        }
        
        /*friendbox*/
        h1.friends {
            margin: auto;
            text-align: center;
            font-size: 15pt;
            font-family:'Oswald', sans-serif;
            color:#01371b;
        }
        
        .sn_friend {
            padding: 5px;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            align-items: center;
        }
        
        .sn_friend a {
            padding-left: 5px;
            color: #025a2d;
        }
        
        span.allreadyAsked {
            display: block;
            text-align: center;
            padding: 10px;
        }
        
        span#friendAddRemove {
            display: block;
            text-align: center;
            font-size: 2em;
            padding: 10px;
            color: #025a2d;
        }
        
        
        /*post view*/

        .sn_socialPost{color: #013118;
        font-size:11pt;}
        .sn_postBox {
            display: flex;
        }
        
        .sn_rightBox {
            margin: auto;
            width: 570px;
            height:700px;
            overflow:auto;
        }
        
        .sn_post {
            padding-left: 10px;
        }
        
        .sn_rechts {
            background-color: #a7ceba;
            margin: 10px;
            padding: 10px;
            border-radius:2px;
        }
        
        .sn_postProfilbild {
            border-radius: 8px;
            width: 50px;
            -webkit-border-radius: 100%;
            -moz-border-radius: 100%;
        }
        
        .sn_likes {
            text-align: right;
            border-bottom: 1px solid #025a2d;
            font-size: 0.8em;
            margin-top: 5px;
            padding-bottom: 6px;
            color: #025a2d;
        }
        
        .sn_likes i.fas.fa-heart,
        .sn_likes i.far.fa-heart {
            font-size: 1.5em;
            color: #025a2d;
        }
        
        .editDelete {
            font-size: 0.8em;
            background: none;
            border: 0;
            padding: 0;
            color: #025a2d;
        }
        
        a.editDelete {
            -webkit-appearance: button;
            -moz-appearance: button;
            appearance: button;
            text-decoration: none;
            color: #025a2d;
        }
        
        /*image pop up*/
        .infopop {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: #a7ceba;
            z-index: 1;
            opacity: 0;
            -webkit-transition: .5s ease-in-out;
            -moz-transition: .5s ease-in-out;
            transition: .5s ease-in-out;
            pointer-events: none;
        }
        
        .infopop:target {
            opacity: 1;
            pointer-events: auto;
        }
        
        .infopop>.pop {
            background: #a7ceba;
            margin: 10% auto;
            padding: 10px;
            width: fit-content;
            z-index: 3;
            
        }
        
        .closepop {
            position: absolute;
            right: -5px;
            top: -5px;
            width: 100%;
            height: 100%;
            z-index: 2;
        }
        
        /* anworten */
        .sn_answer {
            margin: 11px 0px 10px 0px;
            padding-bottom: 5px;
            padding-left: 20px;
        }
        
        .sn_answerFormProfilbild,
        .sn_ansProfilbild {
            float: left;
            margin-right: 10px;
            width: 35px;
            -webkit-border-radius: 150%;
            -moz-border-radius: 100%;
            margin-bottom:10px;
        }
        
        .sn_answer_form {
            padding-top: 5px;
        }
        
        .sn_ansDate {
            font-size: 0.8em;
        }
        
        /*UCP*/
        
        .ucp_social legend {
            font-weight: bold;
        }
        
        .ucp_social label,
        .modcp_social label {
            display: block;
            width: 120px;
            float: left;
            clear: left;
        }
        
        .ucp_social input {
            margin: 5px;
        }
        
        .ucp_smallinfo {
            font-size: 0.7em;
        }
        
        .ucp_social legend {
            width: auto;
        }
        
        /*newsfeed*/
        .pagination .pages {
            padding: 3px;
			height: auto;
        }
        
        .gotolink {
            display: block;
            text-align: right;
            margin-top: -10px;
        }
        
        .newsfeed_links h1 {
            text-align: right;
            font-size: 1.5em;
        }
        
        .sn_postName {
            display: block;
            font-weight: bold;
            color: #025a2d;
            font-size:11pt;
        }
        
        .sn_postDate {
            font-size: 9pt;
            color: #025a2d;
        }
        
        .sn_answer_form {
            margin-top: 10px;
            color: #025a2d;
        }
        
        .sn_rechts hr {
            background-color: #a7ceba;
            color: #025a2d;
            height: 1px;
            border: 0px;
        }
        

/*Nachricht im Post*/

.sn_post2 {padding-left: 10px;
width:100%;}
        
.sn_rechts2 {background-color: #e6e6e6;margin: 5px;padding: 10px;border-radius:2px;}
        
.sn_post2Profilbild {
border-radius: 8px;
width: 50px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
}
        
.sn_social2Post{color: #4d4d4d;
font-size:11pt;
padding:10px;
text-align: justify;}

.sn_post2Box {/* display: flex; */}
		
.sn_post2Date {
font-size: 9pt;
color: #4d4d4d;
text-align:right;
padding-right:20px;
}
		
		
.sn_post2Name {display: block;
font-weight: bold;
color: #4d4d4d;
font-size: 13pt;
padding-left:20px;
border-bottom:1px solid #4d4d4d;}
		
.sn_post2Profilbild {
border-radius: 100px;
width: 70px;
height:70px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
}

.sn_post2img{width:70px;
float:left;
padding:10px;}