﻿


/*----------------------------------post new discussion page-----------------------------*/
.forumMainOuter {
    overflow:hidden;
    width:80%;
    margin:auto;
    padding:15px 20px;
}
.disForumOuter {
    padding:30px 35px;
    box-shadow:0 0 8px gray;
    overflow:hidden;
    background:white;
}
.forumAddHead {
    font-size:1.1em;
    color:#747474;
}
.note {
    overflow:hidden;
    margin-top:5px;
    padding:10px 15px;
    background:#938c8c;
    color:white;
    line-height:1.5;
}
.errorAlert {
    background:rgba(255, 223, 223, 0.58);
    padding:5px 15px;
    font-size:1.1em;
    color:#747474;
    border-radius:10px;
}

/*----------------------------------discussion page-----------------------------*/
.forumDisMainOuter {
    overflow:hidden;
    width:90%;
    margin:auto;
    padding:0 20px;
}
.disCateg {
    float:left;
    overflow:hidden;
    width:18%;
}
.ddlForumFilter {
    padding:5px 10px;
    font-size:.5em;
    border:1px solid black;
    color:#0a304b;
}
.disctilebg {
    background:#f1f1f1;
    padding:0 10px;
    color:#747474;
}
.discussionsall {
    overflow:hidden;
    width:80%;
    float:right;
}
.forumDisOutr {
    padding:20px;
    padding-bottom:15px;
    overflow:hidden;text-align:justify;
    /*background:white;*/
    border-left:3px solid white;
    box-shadow:0 0 10px #b5b3b3;
    margin:0 0 20px 0;
}
.forumDisOutr:hover {
    border-left:3px solid #027ade;
}
.disimage {
    width:50px;
    overflow:hidden;
    height:50px;
    border-radius:25px;
    float:left;
}
.disText {
    width:90%;
    float:left;
    overflow:hidden;
    padding:0 20px;
}
.distitle {
    color:black;
    font-size:1.2em;
    font-weight:600;
}
.distitle:hover {
    text-decoration:underline;
}
.disOtherDetails{
    overflow:hidden;
    padding:5px 20px 0 0;
    font-size:.9em;
    color:#9f9c9c;
}
.disOtherDetails a {
    color:#027ade;
    text-decoration:underline;
}
.viewRply {
    float:right;
    font-size:1.1em;
    overflow:hidden;
}


/*----------------------------------Reply/Comment page-----------------------------*/
.forumQuesOuter {
    background:white;
    overflow:hidden;
    padding:30px;
    box-shadow:0 0 5px #b5b3b3;
}
.likepanelouter {
    padding:5px;
    overflow:hidden;
}
.recentDisOuter {
    background:white;
    padding:10px 15px;
    margin:5px auto;
    overflow:hidden;
    font-size:1em;
    width:95%;
    text-align:justify;
    border:1px solid white;
    box-shadow:0 0 5px #b5b3b3;
}
.recentDisOuter:hover {
    border:1px solid gray;
    box-shadow:0 0 15px #b5b3b3;
}
.socialtileOuter {
    overflow:hidden;
    width:8%;
    float:right;
}
.adminPanelFroumDis {
    float:right;
    background:black;
    color:white;
    padding:5px 10px;
}

.ddlAdmin {
    font-size:1.1em;
    padding:2px 5px;
}
.countDisplay {
    float:left;
    color:#584f4f;
    margin-top:2px;
    font-weight:500;
    font-size:1.1em;
}
.likebtn {
    margin-left:5px;
    width:25px;
    float:left;
}
.letterQ {
    font-size:3.5em;
    font-family:'Bodoni MT';
    font-style:italic;
    float:left;
}
.quesOuter {
    float:left;
    width:90%;
    padding-left:25px;
}
.questitle {
    color:#1f4c6d;
    line-height:1.5;
    font-size:1.6em;
    font-weight:500;
}
.quesdisimage {
    width:40px;
    overflow:hidden;
    height:40px;
    border-radius:25px;
    float:left;
}
.quesuserDet {
    float:left;
    margin:8px 0 0 20px;
}
.quesstrip {
    background:rgba(222, 222, 222, 0.66);
    font-size:1.1em;
    padding:5px 20px;
    overflow:hidden;
}
.names {
    color:#027ade;
    text-decoration:underline;
}
.txtbxReply {
    width:90%;
    padding:10px;
    margin:10px 0 0 0;
    height:300px;
}
.rplyothers {
    color:#747474;overflow:hidden;
    padding:5px 0 0 20px;
}
.disrplyimage {
    width:40px;
    overflow:hidden;
    height:40px;
    border-radius:25px;
    float:left;
}
.rplyOuter {
    padding:20px 30px;
    background:white;
    box-shadow:0 0 5px #b5b3b3;
    margin:5px 0;
}
.rplytxt {
    color:black;clear:both;margin:10px 0 0 0;text-align:justify;
}
.letterRe {
    font-size:1.5em;
    font-family:'Bodoni MT';
    font-style:italic;
}
.commentIcon {
    background:#1f4c6d;
    float:right;
    color:white;
    padding:3px 10px;
    margin-right:20px;
}
.pnlComment {
    padding:5px 0 15px 15px;
    overflow:hidden;
    clear:both;
    background:#f1f1f1;
    margin-top:20px;
}
.CommentOuter {
    padding:15px 30px;
    background:rgba(253, 223, 255, 0.85);
    float:right;
    width:80%;
    box-shadow:0 0 5px rgba(223, 238, 255, 0.58);
    margin:5px 0;
    border:1px solid pink;
}
.adminPanelFroumRep {
    float:right;
    border:1px solid #1f4c6d;
    padding:3px 10px;
    color:#000000;
}
.adminPanelFroumRep:hover {
    background:lightgray;
    color:black;
}
.imgBtns {
    width:20px;
    float:right;
    padding:0 5px;
    height:20px;
}
.imgBtns:hover {
    background:white;
}
.adminResRow {
    position:fixed;
    background-color:#caffc2;
    border:2px solid green;
    padding:5px 10px;
    width:98.5%;
    bottom:0;
}


@media screen and (max-width:1300px) {
    .disText {
        width:89%;
    }
} 

@media screen and (max-width:1100px) {
    .disText {
        width:87%;
    }
    .disCateg {
        clear:both;
        width:100%;
        margin-bottom:20px;
    }
    .discussionsall {
        width:100%;
        clear:both;
    }
}  

@media screen and (max-width:900px) {
    .forumDisMainOuter {
        width:95%;
    }
    .discussionsall {
        width:100%;
        clear:both;
    }
    .disText {
        width:86%;
    }
    .disCateg {
        clear:both;
        width:100%;
        margin-bottom:20px;
    }
}

@media screen and (max-device-width:600px) {
    .disctilebg {
        padding:50px 30px;
    }
    
}

/*@media screen and (max-width:576px) {
    .disctilebg {
        margin-top:20px;width:100px;clear:both;
        padding:10px 0;border:1px solid blue;
    }
    .viewRply {
        float:right;border:1px solid blue;
    }
}*/