@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);

/*=================================================================
						 Common Css 
================================================================ */
*{ margin:0; padding:0; }
body { font-family: 'Source Sans Pro', sans-serif; font-size: 16px; }
header, nav, footer, section, aside, article { display:block; }
img { border:none; outline:none; }
ul { margin:0; padding:0; list-style-type:none; }
li { outline:none; }
a { outline:none; color:#05483F; text-decoration:none; }
a:hover, a:focus { color:#474747; }

.clear { line-height:0; clear:both; }
.noMargin { margin:0 !important; }
.noPadding { padding:0 !important; }
.marginLH30 { margin:0 0 0 30px !important; }
.margin5 { margin:5px; !important; }
.marginBot5 { margin-bottom:5px; !important; }
.marginBot25 { margin-bottom:25px; !important; }
.marginBot50 { margin-bottom:50px; !important; }
.marginTopBot15 { margin:15px 0 !important; }
.paddingTop10 { padding-top:10px !important; }
.floatLH { float:left !important; }
.floatRH { float:right !important; }
.marginRH5 { margin-right:5px; !important; }
.topBotPadding25 { padding:25px 0 !important; }
.centerAlign { text-align:center; }


/*================================================================================================
									Header Starts
================================================================================================*/

header .topHead { height:35px; /*background:#69cce3;*/ border-bottom:1px solid #69cce3; }
header .topHead ul { float:right; margin:0; padding:0; border:0px solid; list-style-type:none; }
header .topHead ul li { float:left; padding:0 5px; color:#959595; line-height:33px; }
header .topHead ul li a { text-decoration:none; }
header .topHead ul li a:hover { text-decoration:none; border-bottom:0px #62d0e1 solid; color:#086c75; }
header .topHead ul li a.active { border-color:#62d0e1; color:#086c75; }
header .logoArea { padding:20px 0; text-align:center; height:119px; }
header .logoArea a { text-decoration:none; }

/*================================================================================================
									Main Navigation Starts
================================================================================================*/

nav { position:fixed; }
.navbar { border-radius:0; }
.navbar-nav { float:left; margin:0; /*margin:0 auto; width:81%;*/ }
.navbar-default { background:#aaeefe; /*border-color:#69cce3;*/ }
.navbar-collapse { padding-left:15px; padding-right:15px; }
.navbar-default .navbar-nav > li > a { color:#086c75; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #ffffff; background-color:#4e9bb7; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #ffffff; background-color:#4e9bb7; }
.dropdown-menu { background:#4e9bb7; border-radius:0; border-top:0px #62d0e1 solid; }
.dropdown-menu > li > a { color:#ffffff; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #0d5771; text-decoration: none; background-color: #aaeefe; }
.navbar-nav > li > a { padding:15px 10px; }

.navbar-default .navbar-toggle { border-color:#0d5771; background:#fff; }
.navbar-default .navbar-toggle .icon-bar { background:#62d0e1; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #0d5771; }

.favLinkArea { height:30px; }
.favLinkBlk { /* width:300px; */ float:right; display:block; background:#e7e7e7; height:30px; border-bottom-left-radius:7px; border-bottom-right-radius:7px; }
.favLinkBlk span { float:left; padding:5px 10px; font-size:14px; }
.favLinkBlk span a { text-decoration:none; color:#086c75; }
.favLinkBlk span a:hover { text-decoration:underline; color:#054349; }


/*================================================================================================
									Content Area Starts
================================================================================================*/
.col-md-3 img { width:100%; }
.col-md-9 p { color:#797979; margin:25px 0; }
.newsBlock { margin:0 0 25px 0; border-bottom:1px #c7c7c7 solid; width:98.8%; }
.col-md-9 p a { text-decoration:none; color:#62d0e1; }
.links { border-top:1px #e9e9e9 solid; }
.links ul li a { float:left; padding:10px 20px 10px 0; }

.contHeading { border-bottom:1px #e1e1e1 solid; margin-bottom:15px; padding-bottom:15px; }
.drawContBlk { border:1px solid #e1e1e1; margin-bottom:15px; }
.flowreImgBlk { border-top:1px solid #e1e1e1; padding-top:15px; }
.flowerImg { width:100%; height:100%; }
.commentList { border-bottom:1px solid #e1e1e1; line-height:30px; margin-bottom:15px; }
.commentTxtBox { float:left; display:block; width:100%; height:30px; border:0px solid #a5a5a5; background:#e1e1e1; color:#676767; padding:5px 15px; }
.commentBtn { float:left; display:block; width:100%; height:30px; background:#474747; border:0px solid #eee; color:#f3f3f3; }
.functionalIcon { margin:5px !important; width:20px !important; height:23px; }
.profimg { border:1px solid #c7c7c7; margin:0 15px; }
.profName { text-align:center; font-weight:600; }
.profDetails { border:1px solid #c7c7c7; }
.profDesc { height:100px; padding:5px 10px; }
.btnStyle { background:#086c75; color:#fff; padding:5px 10px; border:0px #474747 solid; margin-top:10px;: }
.linkArea { border:1px solid #c7c7c7; padding::1% 3%; text-align:center; }
.linkArea ul { margin:0; padding:0; list-style-type:none; }
.linkArea ul li { margin:3px 0; }
.linkArea ul li a { font-size:15px; text-decoration:none; }
.linkArea ul li a:hover { text-decoration:underline; }
/*================================================================================================
									Footer Starts
================================================================================================*/

footer { background:#086c75; height:75px; text-align:center; color:#fff; line-height:75px; margin-top:20px; /*position:absolute; bottom:0; left:0; z-index:5; width:100%;*/ }



/*================================================================================================
									Login Area Starts
================================================================================================*/
.loginBlkPos { margin:15% 0; width:100%; }
.loginBtn { width:100%; font-size:16px; }
.panel-footer { font-size:14px; background:#cdf5fe; }
.panel-default > .panel-heading { background:#cdf5fe; }
.btn-sm, .btn-group-sm > .btn { background:#1a939c; }
.btn-success:hover { background:#178993; }
.panel-heading i { font-size:17px; font-weight:600; margin:0 5px 0 0; }



/*================================================================================================
									Login Area End
================================================================================================*/


/*================================================================================================
									Signup Area Starts
================================================================================================*/
.signupBlkPos { margin:5% 0; width:100%; }
.descArea p { text-align:left; border-right:0px solid #c7c7c7; font-size:16px; color:#858585; }
.descHeading { color:#838383; padding:0 0 15px; margin:0 0 15px; border-bottom:1px solid #c7c7c7; }
.panel-footer { font-size:14px; background:#cdf5fe; height:45px; }
.genderStyle { color:#999; line-height:25px; }
.genderStyle input { margin:0 5px 0 10px; }

.newsStyle h5 { color:#676767; }
.newsStyle p { color:#979797; }
.newsStyle a { color:#979797; text-decoration:underline; }
.newsStyle a:hover { color:#000; text-decoration:none; }
.thumbImg { text-align:center; }
.thumbImg img { width:100%; }

/*================================================================================================
									Signup Area End
================================================================================================*/



/*================================================================================================
									Friends and Compose Area Starts
================================================================================================*/

.frndArea { border-top:1px solid #eaeaea; margin:15px 0 0 0; }
.frndMenu { border-left:1px solid #eaeaea; }
.frndMenu ul li { text-align:center; line-height:50px; border-bottom:1px solid #eaeaea; }
.frndMenu ul li a { width:100%; text-decoration:none; font-size:15px; color:#474747; border-right:1px solid #eaeaea; display:block; }
.frndMenu ul li a:hover { background:#f1f1f1; border-right:0px solid #eaeaea; }
.frndMenu ul li a.active { background:#f1f1f1; border-right:0px solid #eaeaea; }
.frndDetailsArea { border-left:1px solid #f1f1f1; background:#f1f1f1; border-right:1px solid #eaeaea; /* height:500px; */ }
.pageHeading { font-size:19px; border-bottom:1px solid #cacaca; padding:10px 0; margin:0 0 15px 0; }
.frndsBlk { border:1px solid #cacaca; margin:0 0 10px 0; }
.frndName { text-align:center; font-weight:600; color:#878787; margin:15px 0; }
.frndName img { width:25px; cursor:pointer; }
.frndListAll { border-bottom:1px #d7d7d7 solid; padding:0 0 15px 0; margin:0 0 10px 0; }
.frndList { border-bottom:0px #979797 solid; padding-bottom:5px; margin-bottom:5px; }
textarea { width:100%; height:200px; border:1px solid #d5d5d5; resize:none; }

.searchTxtBox, .selectBox { width:100%; padding:2px 10px; border:1px #c3c3c3 solid; margin:5px 0; }
.searchBtn{ width:100%; padding:2px 10px; border:1px #c3c3c3 solid; background:#086c75; color:#fff; margin:5px 0; }

/*================================================================================================
									Friends and Compose Area End
================================================================================================*/


.formLabel { color:#676767; font-weight:500; }
.btnArea { width:100%; text-align:center; margin:25px 0; }
.btnArea .btn { background:#1a939c; padding:5px 20px; border-radius:3px; color:#fff; font-size:19px; }
.submittedBy{ padding: 0px 0px 0px 0 !important; float:right !important;}
.dvPoems{    margin: 20px 35% 5px;
    border: 1px solid #DFF1F7;
    width: 20%;
    padding: 20px;
}
.clsPoemStoryBody{ margin: 20px 15% 5px;
    border: 1px solid #DFF1F7;
    width: 60%;
    padding: 20px;}
@media (max-width: 1199px) {
	.navbar-nav	 { width:100%; }
	.fixed
 {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width:100%;
 }
}

@media only screen and (max-width: 991px) {
	.navbar-nav	 { width:100%; }
	.navbar-collapse { padding:0; }
	.navbar-nav .open .dropdown-menu > li > a { text-decoration: none; background-color: #4e9bb7; }
	.navbar-default .navbar-nav .open .dropdown-menu > li > a { color:#fff; }
	.fixed
 {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width:100%;
 }
 .submittedBy{ padding: 0px 0px 0px 0 !important; float:left !important;}
 .dvPoems{margin: 20px 1% 5px;
    border: 1px solid #DFF1F7;    
    padding: 6px;
    width:100%;
    }
   .clsPoemStoryBody{ margin: 20px 1% 5px;
    border: 1px solid #DFF1F7;
    width: 100%;
    padding: 6px;}
}

@media screen and (min-width: 0px) and (max-width: 400px) {
	.full-Width	 { width:100%; }
	.submittedBy{ padding: 0px 0px 0px 0 !important; float:left !important;}
	 .dvPoems{margin: 20px 1% 5px;
    border: 1px solid #DFF1F7;    
    padding: 10px;
    width:100%;
    }
    .clsPoemStoryBody{ margin: 20px 1% 5px;
    border: 1px solid #DFF1F7;
    width: 100%;
    padding: 6px;}
}



/****************Added by subhankar******************/
 .fixed
 {
   
 }
 .spanAddtofav
 { font-size:14px; color:#AEB7E2; cursor:pointer; font-weight:bold;
     }
 p{ margin: 4px 0 !important;}
/*************Ends***********************************/
.txtAreProfile{padding:2% 2% 2% 2%;height:75px;}
.spnShareComment{ cursor:pointer;margin-left: 5px;
    text-decoration: underline;    color: #09657b;}
.item{border-top: 1px solid #1ad0c7;
    margin-top: 8px;}