div.post-holder {
    width:100%;
    float:left;
    position:relative;
    background: var(--lightgrey);
    margin-top:2px;
    padding: 5px 0
}

div.post-cont-other {
    width: calc(100% - 45px);
    /*max-width: 400px;*/
    float:left;
    margin:0px 0 0 45px;
/*    min-height: 40px;
    border-radius:15px;
    background: #f0f0f0;*/
    padding:3px;
    font-weight:300;
}

div.post-cont-self {
    width: calc(100% - 45px);
    max-width: 400px;
    float:right;
    margin:0px 5px 0 5px;
/*    min-height: 40px;
    border-radius:15px;
    background: #73b92d;*/
    padding:3px;
    font-weight:300;
    color:white
}

div.post-holder img.other {
    width:20px;
    border-radius:50%;
    float:left;
    height:20px;
    margin-top:5px;
    top:3;
    left:5px;
    position:absolute;

}

div.post-holder img.self {
    width:30px;
    border-radius: 50%;
    float:right;
    height:30px;
    margin-top:5px;
    bottom:0;
    right:5px;
    position:absolute;
}

p.post-p {
    margin:0 0 0 5px;
    font-size:10pt;
    padding:0
}
p.postname{
    margin:5px 0 0 45px;
    font-size:10pt;
    
    
}
p.postname_self{
    margin:5px 0 0 45px;
    font-size:10pt;
    width:100%;
    float:right
}
span.postdate {
    font-size:7pt;
    margin:0 10px 0 10px;
    text-align: right;
    
}

div.comment-poster-cont {
    float:left;
    width:80%;
    margin: 10px 0;
}

a.comment-post-button{
    float:left;
    background-color: #73b92d;
    display:inline-block;
    width:20%;
    margin:  10px 0;
    border-radius: 5px;
    color:white;
    text-align:center;
    height:100%;
    min-height:42px;
    padding:15px 0;
}
a.chat_link {
    
}

div.chat_link {
    float:left;
    width:calc(100% - 10px);
    padding:5px;
    border-radius: 4px
}

div.active_chat {
    background:var(--lightgrey);
    border-radius:3px
}

div.chat_member_link {
    float:left;
    width:calc(100% - 10px);
    padding:5px;
    border-bottom: whitesmoke .5px solid
}

div.new_chat_link p{
    font-weight:300;
    font-size:10pt;
    margin: 10px 0px
}
div.chat_link p.lastPost {
    font-weight:300;
    font-size:9pt;
    margin: 0px 0px 2px 0px;
    padding:0
}
div.chat_link p.chatName{
    font-weight:400;
    font-size:10pt;
    margin: 2px 0px 0px 0px;
    padding:0
}
div.chat_member_link p {
    font-weight:300;
    font-size:10pt;
    margin: 10px 0px
}
div.new_chat_link {
    float:left;
    width:100%;
    padding:5px;
}

#content-wide {
    margin:auto;
    overflow:hidden;
    margin-top:48px;
    min-height:calc(100% - 100px);
}

#posts {
    overflow: auto;
    height:calc(100vh - 350px);
    border-left:#ccc solid .5px;
    border-right:#ccc solid .5px;
    poistion:relative;
    bottom:0
}

#members {
     overflow: auto;height:250px
}

#chatmodle {
    width:50%;
    min-width:400px;
    height:200px;
    padding:5px;
    background: #fff;
    position:absolute;
    top:10%;
    z-index:20;
    margin:0 25%;
    box-shadow: 0 0 2px #333;
}

a.closer {
    position:absolute;
    top:0;
    right:0;
    display:block;
}
#my_chat_holder {
    float:left;
    width:100%;
    background:var(--midgrey)
}
#my_chat_holder_2 {
    float:left;
    width:100%;

}

#col2 {
    display:none
}


@media (max-width:900px) {
    #chatmodle {
    width:100%;
    min-width:400px;
    height:150px;
    padding:5px;
    background: #fff;
    position:absolute;
    top:10%;
    z-index:20;
    margin:0
    }
    #col2 {
    display:block
    }
    #col1 {
       display:none
    }
    
    #posts {
    overflow: auto;
    height:calc(100vh - 210px);
    border-left:#ccc solid .5px;
    border-right:#ccc solid .5px 
}
}


#openselect, #closeselect{
        Float: left;
    top: 0;
    right: 0;
    width: 40px;
    text-align: center;
    color: #333;
    background: #fff;
    margin: 10px;
    border-radius: 50%;
    box-shadow: 0 16px 38px -12px rgba(0,0,0,.56), 0 4px 25px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.2);
}

a.newchat{
    Float: right;
    top: 0;
    right: 0;
    width: 30px;
    text-align: center;
    color: #333;
    background: #fff;
    margin: 0 10px;
    border-radius: 50%;
    box-shadow: 0 16px 38px -12px rgba(0,0,0,.56), 0 4px 25px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.2);
    font-size:12pt
}