@import url('https://fonts.googleapis.com/css?family=Khand:400,600');

#pro_menu2S ul { margin: 2px 0px 0px -39px; }

#pro_menu2S .pro_menu_AQS { background-color: #fff; height: 35px; padding: 0px 16px; border: 1px solid #e4e4e4; border-bottom: none; }

#pro_menu2S li { font-size: 17px; border-right: 1px solid #e4e4e4; float: left; position: relative; height: 30px; line-height: 35px; list-style: none;
               display: inline; font-family: 'Khand', sans-serif; font-weight: 600; padding: 0px 20px; text-align: center; color: #fff; }
               
#pro_menu2S li:last-child { border-right: 0px solid #999; }

#pro_menu2S li a{ text-decoration:none; cursor:pointer; color: #515151 }

/* Public suggestion home page style start */
.pbsMPLADContainer{ float: left; position: relative; width: 100%; background-color: #fc7d74; padding-bottom: 25px; }
.pbsPMBContainer{ float: left; position: relative; width: 100%; background-color: #ccc; padding-bottom: 25px; }
.pbsQuesContainer{ float: left; position: relative; width: 100%; background-color: #fc7d74; padding-bottom: 25px; }

.suggestionTitle{ float: left; font-family: 'Khand', sans-serif; font-size: 16px; margin: 0px; padding: 4px 14px; border-radius: 5px; }
.pbs1{ float: left; width: 21.9%;border-right: 1px solid #e46d6d; height: 226px; margin-right: 2%; }
.pbs2{ float: left; width: 21.9%; border-right: 1px solid #e46d6d; height: 226px; margin: 0 2%; }
.pbs3{ float: left; width: 21.9%; height: 226px; margin-left: 2%; }
.pbs4{ float: left; width: 30.6%;border-right: 1px solid #e46d6d; height: 196px; margin-right: 2%; }
.pbs5{ float: left; width: 30.6%; border-right: 1px solid #e46d6d; height: 196px; margin: 0 2%; }
.pbs6{ float: left; width: 30.6%; height: 196px; margin-left: 2%; }
.greyBorder{ border-right: 1px solid #aeaeae; }

.pbsLink{ text-decoration:none; color: #505050; }
.pbsContainer1{ float: left; width: 98%; height: 186px; margin-right: 2%; }
.pbsContainer2{ float: left; width: 98%; height: 40px; margin-right: 2%; }
.pbsContainer_bot1{ float: left; width: 98%; height: 156px; margin-right: 2%; }
.pbsContainer_bot2{ float: left; width: 98%; height: 40px; margin-right: 2%; }
.usrD_pbs1{ float: left; width: 23%; }
.usrD_pbs2{ float: left; width: 77%; line-height: 16px; }
.usrD_pbsBot1{ float: left; width: 17%; }
.usrD_pbsBot2{ float: left; width: 83%; line-height: 16px; }
.pbsTitle{ float: left; width: 100%; font-size: 26px; line-height: 29px; padding-top: 4px; height: 114px; margin-bottom: 10px; overflow: hidden; font-weight: 600; color: #ffd698; }
.pbsTitle_bot{ float: left; width: 100%; font-size: 26px; line-height: 29px; padding-top: 4px; height: 86px; margin-bottom: 10px; overflow: hidden; font-weight: 600; color: #ffd698; }
.gcTitle{ color: #f1f1f1; }
.pbsTitleColor1{ color: #444; }
.pbsTo{ float: left; width: 100%; font-size: 14px; line-height: 16px; height: 32px; }
.pbsTo t{ font-weight: 600; }
.pbsMPReply{ float: left; width: 100%; font-size: 14px; line-height: 16px; height: 16px; }
.pbsMPReply t{ font-weight: 600; }
.pbsImg{ float: left; border-radius: 50%; width: 40px; height: 40px; line-height: 44px; font-size: 25px; text-align: center; overflow: hidden; background: #e6e6e6; color: #aeaeae; }
.pbsImg img{ width: 100%; }
.pbsFrom1{ float: left; width: 100%; margin-top: 4px; font-weight: 600; font-size: 13px; letter-spacing: 0.60px; }
.pbsFrom2{ float: left; width: 100%; font-size: 14px; }
/* Public suggestion home page style end */

/* Public suggestion list and MPdetail page style start */

.pbsLogoHead{ float: left; position: relative; background-color: #ededed; width: 100%; margin-top: 30px; height: auto; }
.pbsLogoContainer{ float: left; position: relative; width: 100%; margin: 30px 0px; }

.mpdSuggestionHead{ float:left; color:#f5766d; font-size:20px; font-family: 'khand', sans-serif; padding-bottom: 20px; width:100%; font-weight: 600; }
.mpdSuggestion_SubHead{ float: left; color: #444; font-size: 16px; font-family: 'khand', sans-serif; padding-bottom: 30px; width: 100%; font-weight: 600; }
.MPDlistHead_pbs{ float: left; position: relative; width: 100%; margin-top: 30px; border-bottom: 1px solid #ccc; }

.pbs_EmptyList{ float:left; width:100%; padding:25px 0px; font-size:12px; border-top:2px solid #e4e4e4; font-family:'MyWebFontR'; color:#999999; }

.listHead_pbs{ float: left; position: relative; width: 100%; margin: 30px 0px; }
.listContainer_pbs{ float:left; width:100%; padding-top:14px; margin-bottom:14px; border-top:3px solid #efefef; }
.mpadTitle_l{ float:left; color:#999999; margin: 8px 0px; padding-bottom: 10px; font-size: 16px; border-bottom: 1px solid #e4e4e4; font-family:'Khand', sans-serif; width:100%; }
.mpadTitleSpan1{ float:left; width:9%; }
.mpadTitleSpan2{ float:left; color:#545253; font-family:'Khand', sans-serif; width:91%; }

.mpad_list1{ float:left; width:100%; font-size:12px; color:#999999; margin: 5px 0px; min-height: 20px; padding-bottom: 4px; font-family:'MyWebFontR'; border-bottom: 1px dotted #e4e4e4; line-height: 20px; }
.mpad_list2{ float:left; width:100%; font-size:12px; color:#999999; margin: 5px 0px; min-height: 20px; padding-bottom: 4px; font-family:'MyWebFontR'; line-height: 20px; }

.list_bot{ float: left; position:relative; width: 91%; margin-left: 9%; font-size: 12px; font-family: 'MyWebFontR'; }
.list_bot a{ text-decoration:none; color: #FF6669; }
.list_bot_container1{ float: left; }
.list_bot_container1_H{ float: left; font-size: 11px; }
.list_bot_container2{ float: right; font-family: 'Khand', sans-serif; }
.pbs_sw{ float: left; }
.pbs_asso{ float: left; }

/* Public suggestion list and MPdetail page style end */

/* Public suggestion list and detail page style start */

.heading_pbs{ float: left; color: #444; font-size: 20px; font-family: 'khand', sans-serif; padding-bottom: 40px; width: 100%; font-weight: 600; }

.btnContainerForm_pbs{ float: right; position:relative; font-family: 'Khand', sans-serif; font-size: 16px; margin-top: -40px; }
.formBtn_pbs{ float: left; margin-left: 10px; font-size: 13px; font-family: 'Khand', sans-serif; }
.formBtn_pbs a{ text-decoration: none; border-radius: 8px; background-color: #bdbdbd; border: 1px solid #bdbdbd; color: #fff; padding: 6px 20px; line-height: 24px; }
.formBtn_pbs a:hover{ background-color: #f5766d; }

.mpadSpan1{ float:left; width:9%; }
.mpadSpan2{ float:left; color:#545253; font-family:'MyWebFontR'; width:91%; }

.mpadSpan2_1{ float: left; }
.mpadSpan2_2{ float: left; margin: 0px 20px; }
.mpadSpan2_3{ float: left; }
.mpadSpan2_4{ float: left; color: #545253; }

/* Public suggestion list and detail page style end */

/* Public suggestion detail page style start */

.pbsDetailContainer_head{ float: left; position: relative; width: 100%; margin-top: 30px; margin-bottom: 10px; }
.detailContainer_pbs{ float:left; position:relative; width:100%; padding-top:14px; border-top:2px solid #e4e4e4; font-size: 12px; }

.mpadTitle_D{ float:left; color:#999999; margin: 20px 0px; font-size: 16px; border-bottom: 3px solid #e4e4e4; font-family:'Khand', sans-serif; width:100%; }
.mpadDetail{ float:left; font-size:12px; color:#999999; margin: 10px 0px; font-size: 12px; font-family:'Arial', sans-serif; width:100%; }
.mpad{ float:left; font-size:12px; color:#999999; margin-top: 4px; min-height: 20px; border-bottom: 1px dotted #e4e4e4; padding-bottom: 4px; font-family:'MyWebFontR'; width:100%; line-height: 20px; }
.TitleSpan2B{ float:left; color:#545253; font-family:'Khand', sans-serif; width: 100%; font-size: 22px; font-weight: 600; }
.DetailSpan2B{ float:left; color:#545253; font-family:'MyWebFontR'; width: 100%; font-size: 13px; line-height: 18px; }

.mpReply_Container{ float: left; width: 100%; border-top: 1px dotted #e4e4e4; margin-top: 10px; padding-top: 16px; color: #545253; font-family: 'Khand', sans-serif; }
.mpReply_head{ float: left; width: 100%; font-size: 14px; font-weight: 600; }
.mpReply_detail{ float: left; width: 100%; font-size: 12px; font-family: 'Arial', sans-serif; }
.mpReply_dateHead{ float: left; font-size: 14px; margin-right: 6px; margin-top: 4px; font-weight: 600; }
.mpReply_date{ float: left; font-size: 14px; margin-top: 4px; }

.pbsDetail_ShereContainer{ float: left; position:relative; width: 100%; font-size: 12px; font-family: 'Khand', sans-serif; }
.ShereContainer_head{ float: right; padding-bottom: 5px; }
.pbsD_sw{ float: left; padding-top: 5px; }
.pbsD_asso{ float: left; padding-top: 5px; margin-right: 10px; }
.pbsD_shareBtn{ float: left; width: 25px; height: 25px; margin-left: 4px; overflow: hidden; }

/* Populate block start */
.pbsPopulate_head{ float: left; position: relative; width: 100%; padding: 2% 0%; background-color: #ededed; }
.pbsPopulate_Container{ float: left; width: 100%; position:relative; font-size: 16px; font-family: 'Khand', sans-serif; }
.Populate_Heading{ float: left; width: 100%; margin-bottom: 10px; }
.EmailList_head{ float: left; width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc; }
.pbsContainer_Email{ float: left; width: 100%; margin-top: 10px; }
.senderBlock{ float: left; width: 100%; display: none; }
.loginInfo{ float: left; width: 100%; }
.loginInfo_heading{ float: left; width: 100%; margin-bottom: 10px; }
#status{ float: left; width: 40px; height: 40px; margin-bottom: 6px; border-radius: 50%; overflow: hidden; display: none; }
#status img{ width: 100%; }
.OTPcontainer{ float: left; display: none; }
/* Populate block end */

/* Comment block start */

.pbsComment_head{ float: left; position: relative; width: 100%; padding: 2% 0%; background-color: #fff; min-height: 200px; }
.CommentHeading{ float: left; width: 100%; position:relative; font-family: 'Khand', sans-serif; font-size: 16px; margin-bottom: 14px; line-height: 20px; }
.CommentHeading span{ border-bottom: 1px solid #ccc; }
.CommentContainer_head{ float: left; width: 100%; position:relative; font-family: 'Khand', sans-serif; min-height: 100px; }
.userCommentPnl{ float: left; width: 100%; position:relative; font-family: 'Khand', sans-serif; font-size: 16px; margin-top: 20px; padding-top: 10px; border-top: 1px solid #ccc; }
.logCommentPnl{ float: left; width: 100%; }
.logComment_heading{ float: left; width: 100%; margin-bottom: 14px; }
#status2{ float: left; width: 40px; height: 40px; margin-bottom: 6px; border-radius: 50%; overflow: hidden; display: none; }
#status2 img{ width: 100%; }
.OTPcontainer_CommentS{ float: left; display: none; }

.cmnt_imgContainer{ float: left; width: 4%; }
.cmnt_Img{ float: left; border-radius: 50%; width: 40px; height: 40px; line-height: 44px; font-size: 25px; text-align: center; overflow: hidden; background: #e6e6e6; color: #aeaeae; }
.cmnt_Img img{ width: 100%; }

.cmnt_DetailContainer{ float: left; width: 96%; }
.cmnt_Detail{ float: left; font-size: 13px; margin-left: 8px; padding: 10px 15px; border-radius: 20px; background-color: #ededed; font-family: Arial; }
.cmnt_Detail t1{ font-weight: 600; margin-right: 6px; }
.cmnt_Detail t2{ color: #171717; }
/* Comment block end */

/* populate and Comment block start */
.login_option{ float: left; width: 100%; margin: 6px 0px; }
.profilePic{ float: left; width: 100%; }
.senderEmailContainer{ float: left; margin-right: 1%; }
/* populate and Comment block end */

/* input type and buttons style start */
.inpBox{ float: left; width: 180px; padding: 7px; background: none; border: 2px solid #ccc; border-right: 0px; border-radius: 8px 0px 0px 8px; display: inline-block; 
    box-sizing: border-box; }
    
.inpEmailList1{ width: 220px; border-right: 2px solid #ccc; border-radius: 8px; }
.inpName{ border-right: 2px solid #ccc; border-radius: 8px; }
.inpPhone{ border-right: 2px solid #ccc; border-radius: 8px; margin-left: 10px; }
.inpEmail{ margin-left: 10px; }
.inpCommentBox{ width: 100%; border: 2px solid #ccc; border-radius: 8px; margin-bottom: 20px; }

.Btn{ float: left; height: 33px; width: 75px; font-size: 12px; padding: 0px 6px; border-radius: 0px 8px 8px 0px; cursor: hand; background-color: #bdbdbd; 
    color: #fff; border: 0px solid #f5766d; }
    
.BtnAddMore{ border-radius: 8px; margin-left: 10px; } 
.BtnCloseList{ width: 40px; font-weight: 600; }
.BtnFBLogin{ border-radius: 8px; width: 134px; }
.BtnVarifyOTP{ width: 100px; }
/* input type and buttons style end */

/* Public suggestion detail page style end */

input:focus { outline:none; }
button:focus { outline:none; }
button:hover { background-color: #f5766d; }

@media only screen and (max-width: 500px){
    
#pro_menu2S .pro_menu_AQS { background-color: #fff; height: 36px;  padding: 0px 12px; padding-top: 6px; border: 1px solid #e4e4e4; border-bottom: none; }

#pro_menu2S li { font-size: 14px; border-right: 1px solid #e4e4e4; float: left; position: relative; width: 70px; height: 36px; line-height: 16px; list-style: none;
               display: inline; font-family: 'Khand', sans-serif; font-weight: 600; padding: 0px 12px; padding-top: 6px; text-align: left; color: #fff; }
#pro_menu2S li:first-child {  width: 70px; }


/* Public suggestion home page style start */
.pbsMPLADContainer{ float: left; position: relative; width: 96%; padding: 0% 2%; background-color: #fc7d74; padding-bottom: 25px; }
.pbsPMBContainer{ float: left; position: relative; width: 96%; padding: 0% 2%; background-color: #ccc; padding-bottom: 25px; }
.pbsQuesContainer{ float: left; position: relative; width: 96%; padding: 0% 2%; background-color: #fc7d74; padding-bottom: 25px; }

.pbs1{ float: left; width: 47.8%;border-right: 1px solid #e46d6d; height: 226px; margin-right: 2%; margin-bottom: 20px; }
.pbs2{ float: left; width: 47.8%; border-right: 0px solid #e46d6d; height: 226px; margin: 0%; margin-left: 2%; margin-bottom: 20px; }
.pbs2:nth-child(3){ border-right: 1px solid #e46d6d; margin: 0%; margin-right: 2%; margin-bottom: 20px; margin-top: 20px; }

.greyBorder{ border-right: 1px solid #aeaeae;  }
.greyBorder:nth-child(2){ border-right: 0px solid #aeaeae; }
.greyBorder:nth-child(3){ border-right: 1px solid #aeaeae; }

.usrD_pbs1{ float: left; width: 30%; }
.usrD_pbs2{ float: left; width: 70%; line-height: 16px; }

.pbs3{ float: left; width: 47.8%; height: 226px; margin-left: 2%; margin-bottom: 20px; margin-top: 20px; }
.pbs4{ display: none; }
.pbs5{ display: none; }
.pbs6{ display: none; }
/* Public suggestion home page style end */

/* Public suggestion list and MPDetail page style start */

.pbsLogoHead{ float: left; position: relative; background-color: #ededed; width: 96%; padding: 0% 2%; margin-top: 30px; height: auto; }
.MPDlistHead_pbs{ float: left; position: relative; width: 96%; padding: 0% 2%; margin-top: 30px; border-bottom: 1px solid #ccc; }
.mpdSuggestion_SubHead{ float: left; color: #444; font-size: 16px; font-family: 'khand', sans-serif; padding-bottom: 60px; width: 100%; font-weight: 600; }

.heading_pbs{ float: left; color: #444; font-size: 20px; font-family: 'khand', sans-serif; padding-bottom: 60px; width: 100%; font-weight: 600; }

.listHead_pbs{ float: left; position: relative; width: 96%; padding: 0% 2%; margin: 30px 0px; }
.listContainer_pbs{ float:left; width:100%; padding-top:0px; margin-bottom:14px; border-top:3px solid #efefef; }
.mpadTitle_l{ float:left; color:#999999; margin: 16px 0px; font-size: 16px; border-bottom: 1px solid #e4e4e4; font-family:'Khand', sans-serif; width:100%; }
.mpadTitleSpan1{ float:left; width:13%; }
.mpadTitleSpan2{ float:left; color:#545253; font-family:'Khand', sans-serif; width:87%; }

.list_bot{ float: left; position:relative; width: 87%; margin-left: 13%; font-size: 12px; font-family: 'MyWebFontR'; }

.list_bot_container2{ float: right; font-family: 'Khand', sans-serif; margin-top: 12px; }

.mpadSpan1{ float:left; width:13%; line-height: 18px; }
.mpadSpan2{ float:left; color:#545253; font-family:'MyWebFontR'; width:87%; line-height: 18px; }

/* Public suggestion list and MPDetail page style end */

/* Public suggestion detail page style start */

.pbsDetailContainer_head{ float: left; position: relative; width: 96%; padding: 0% 2%; margin-top: 30px; }
.mpadTitle_D{ float:left; color:#999999; margin: 12px 0px; font-size: 16px; border-bottom: 3px solid #e4e4e4; font-family:'Khand', sans-serif; width:100%; }
.pbsDetail_ShereContainer{ float: left; position:relative; width: 100%; font-size: 12px; font-family: 'Khand', sans-serif; margin-top: 16px; }

/* Populate block start */
.pbsPopulate_head{ float: left; position: relative; width: 96%; padding: 6% 2%; background-color: #ededed; }
.OTPcontainer{ float: left; display: none; margin-top: 15px; }
/* Populate block end */

/* Comment block start */
.pbsComment_head{ float: left; position: relative; width: 96%; padding: 6% 2%; background-color: #fff; min-height: 200px; }
.OTPcontainer_CommentS{ float: left; display: none; margin-top: 15px; }

.cmnt_imgContainer{ float: left; width: 14%; }
.cmnt_DetailContainer{ float: left; width: 86%; }
/* Comment block end */

/* populate and Comment block start */

/* populate and Comment block end */

/* input type and buttons style start */
.inpPhone{ border-right: 2px solid #ccc; border-radius: 8px; margin-left: 0px; margin-top: 15px; }
.inpEmail{ margin-left: 0px; margin-top: 15px; }
.BtnSendOTP{ margin-top: 15px; }
/* input type and buttons style end */

/* Public suggestion detail page style end */


}