/* CSS Document */
.StripeElement {
	background-color: white;
	/*height: 40px;*/
	padding: 10px 12px;
	border-radius: 4px;
	border: 1px solid transparent;
	box-shadow: 0 1px 3px 0 #e6ebf1;
	-webkit-transition: box-shadow 150ms ease;
	transition: box-shadow 150ms ease;
}
.StripeElement--focus {
	box-shadow: 0 1px 3px 0 #cfd7df;
}
.StripeElement--invalid {
	border-color: #fa755a;
}
.StripeElement--webkit-autofill {
	background-color: #fefde5 !important;
}
#paybtn{
	width: 40%;
	min-width: 155px;
	border: none;
	border-radius: 4px;
	outline: none;
	text-decoration: none;
	color: #fff;
	background: #32325d;
	white-space: nowrap;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding: 0 14px;
	box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.025em;
	-webkit-transition: all 150ms ease;
	transition: all 150ms ease;
	margin-top: 15px;
}
#paybtn:hover{
	cursor: pointer;
}
.docimg{
	max-width: 100%;
}
.documentactionsdiv{
	width:auto;
	float: right;
	text-align: right;
	font-size: 20px;
}
.documentactionimage{
	width: 18px;
}
#actiondeletespan{
	color: #000;
}
#actiondeletespan:hover{
	color: #0063BF;
	cursor: pointer;
}
#doctitlespan{
	width: 100%;
	float: left;
	font-size: 23px;
	text-align: center;
	padding: 10px;
}
#doctitle{
	font-size: 23px;
	font-weight: 500;
}
#detailstable{
	padding-bottom: 20px;
	font-size: 17px;
}
.detailsrow{
	padding-bottom: 5px;
	padding-right: 5px;
}
.docdetailimg{
	margin-top: 5px;
}
#docusrdetailimg{
	width: 16px;
}
#provideddateimg{
	width: 15px;
}
#publishdateimg{
	width: 20px;
}
#lasteditdateimg{
	width: 16px;
}
#purchasedimg{
	width: 15px;
}
#privateimg{
	width: 15px;
}
#doccontentandcommentsdiv{
	float: left;
	width: 100%;
	word-wrap: break-word;
	padding-bottom: 30px;
}
#blurbspan{
	font-size: 18px;
}
#calltoactiondiv{
	width: 70%;
	background-color: #f7f8f9;
	border: thin;
	border-style: solid;
	border-color: #5C5C5C;
	padding: 5px;
	margin-top: 75px;
}
#calltoactiondescription{
	font-size: 19px;
}
#calltoaction{
	font-size: 18px;
}
#calltoaction:hover{
	text-decoration: underline;
}
#payment-form{
	width: 75%;
	display: inline-block;
	max-width: 900px;
}
#card-element-label{
	padding-bottom: 10px;
	display: inline-block;
}
#card-errors{
	display: inline-block;
}
#paymentformdocid{
	display: none;
}
#commentsdiv{
	float: left;
	width: 100%;
	font-size: 17px;
	padding-top: 10px;
}
#ratingsheading{
	font-size: 19px;
	text-decoration: underline;
}
#comment{
	font-size: 18px;
	width: 65%;
	resize: none;
	min-width: 360px;
	max-width: 950px;
	margin-bottom: 10px;
	margin-top: 10px;
}
#postcomment{
	font-size: 17px;
}
#postcomment:hover{
	cursor: pointer;
}
#loadingpostcomment{
	width: 20px;
	display: none;
	padding-left: 30px;
	padding-top: 15px;
}
#loadmorecomments{
	display: none;
	font-size: 18px;
	padding-top: 5px;
	color: #000;
}
#loadmorecomments:hover{
	color: #0063BF;
	cursor: pointer;
}
#loadingcomments{
	width: 25px;
	display: block;
	padding-left: 30px;
	padding-top: 15px;
}
.commentspan{
	margin-bottom: 8px;
	display: flex;
	margin-top: 25px;
}
.commentimgdiv{
	float: left;
	padding-right: 15px;
	height: 70px;
	width: 70px;
}
.commentimg{
	max-height: 70px;
	max-width: 70px;
}
.commentorname{
	font-weight: 550;
}
.commentcontentspan{
	margin-top: 5px;
	margin-bottom: 5px;
	display: inline-block;
}
.commentstarspan{
	margin-bottom: 5px;
	display: inline-block;
}
.commentstar{
	width: 90px;
}
.commentdetailsspan{
	font-size: 16px;
}
.commenttimeagoimg{
	width: 13px;
}
.commentinfodiv{
	float: left;
	max-width: 65%;
}
.deletecommentoption{
	color: #000;
}
.deletecommentoption:hover{
	color: #0063BF;
	cursor: pointer;
}