.ExSpHelpMain { position: fixed; right: 15px; top: 89px; background: #fff; border: 1px solid #adadad; z-index: 9999; width: 425px; /*box-shadow: 0px 0px 20px rgba(0,0,0,.2);*/ box-shadow: 0 1rem 3rem rgba(0,0,0,.175); overflow-y: auto; padding: 0; }

.ExSp-Title { padding: 8px 10px; background: #3097f3; color: #fff; font-size: 18px; position: relative; }
/*.ExSp-Title::before { content: ""; border: 10px solid #24a9ed; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: none; position: absolute; margin-left: 20px; margin-top: -19px; }*/

.new_cmtwholebgscroll { /*height: calc(100vh - 200px);*/ margin-bottom: 0px; overflow: auto; padding-right: 0px; margin-top: 15px; }

.ExSpHelpMain .new_cmtwholebgscroll { padding: 0px 10px; margin: 0; overflow-y: auto; height: calc(100vh - 316px); }
.ExSp-HeadIcons { cursor: pointer; }
	.ExSp-HeadIcons i { padding-right: 10px; color: #fff; cursor: pointer; }
	.ExSp-HeadIcons img { cursor: pointer; }

.ExSpHelpMain .support_name, .ExSpHelpMain .user_name { font-size: 19px; }
.hide { display: none !important; }
#SearchPage a { text-decoration: none !important; /*color: black !important;*/ }
#SearchPage { /*margin-left: 10px !important;*/ }
.SubHeadIn { font-weight: 600; margin-top: 10px; display: inline-block; width: 100%; }

.supportHideCnt { background-color: #fff; height: calc(100vh - 200px); }
.categoryHead { font-size: 15px; color: #676767; padding-left: 10px; font-weight: 600; letter-spacing: 0.5px; margin-bottom: 10px; }
.helplist { padding: 0px; margin: 10px 0; }
.helpAnswers { /*padding: 10px;*/ /*margin:10px 0;*/ }
.helplist li { list-style: none; background: url(SupportImages/ExSp-ArrowIcon.png) no-repeat left 13px / 8px; padding: 8px 10px 8px 15px; vertical-align: middle; font-size: 14px; background-color: #fff; line-height: 18px; }
	.helplist li a { color: #3097f3 !important; }
.helpTitle { font-size: 18px; color: #333; font-weight: 600; margin-bottom: 2px; line-height: 22px; display: block; margin-top:10px; }
.helpContent p { font-size: 14px; /*padding: 10px;*/ /*border: 1px solid #fafafa; box-shadow: 0 1px 5px #cdcdcd;*/ margin-bottom:1rem; }
#SearchPage .helpSepLink { color: #3097f3 !important; font-size: 14px; padding: 10px 0; display: inline-block; width: 100%; border-top: 1px solid #e0e0e0; }
	#SearchPage .helpSepLink i { color: #3097f3 !important; margin-left: 10px; }
.Suggestions { display: inline-block; background: #fff; width: 95%; /* padding: 10px; */ border-radius: 0px 0px 5px 5px; font-size: 16px; line-height: 30px; position: absolute; color: #555; height: calc(100% - 235px); overflow-y: auto; /* top: 100px; */ left: 0; right: 0; margin: 0 auto; box-shadow: 0 1rem 2rem rgba(0,0,0,.175); /* border: 1px solid #ccc; */ }
	.Suggestions div h6 { font-size: 14px; color: #212529; margin: 0px 0px 5px; line-height: 20px; font-weight: 600; text-align: left; }
	.Suggestions div span { font-size: 13px; color: #3f4047; font-style: initial; line-height: 1.4; padding: 0; display: -webkit-box; height: inherit; margin: 0px; line-height: 1.4; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
	.Suggestions div:hover { background: #e7f4ff; cursor: pointer; border-color: #3097f3; }

	.Suggestions div { padding: 10px 10px; margin: 10px 15px; color: #555; border: 1px solid #dcdcdc; border-radius: 6px; }

.SupportViews { color: #757575; font-size: 12px; display: block; }
.helpContent { margin-top: 10px; /*height: 470px;*/ }
	.helpContent img { max-width: 100% !important; height: auto !important; }
.ExSp-helpSearch { padding: 8px 10px; background: #3097f3; color: #fff; font-size: 18px; }
	.ExSp-helpSearch input { background: url(SupportImages/search-icon.png) no-repeat 10px center / 18px #fff !important; border: 1px solid #fff !important; box-sizing: border-box; color: #333 !important; display: block; outline: medium none !important; padding: 8px 10px 8px 40px !important; width: 100% !important; -webkit-transition: border-color 0.3s ease 0s; -moz-transition: border-color 0.3s ease 0s; -ms-transition: border-color 0.3s ease 0s; transition: border-color 0.3s ease 0s; font-size: 15px; max-width: 100%; }

		.ExSp-helpSearch input::placeholder { font-style: normal; }

		.ExSp-helpSearch input:-ms-input-placeholder { font-style: normal; }

		.ExSp-helpSearch input:-ms-input-placeholder { font-style: normal; }
.article-vote { padding: 0px 0; margin-bottom: 0; }

	.article-vote .vote-up { background: linear-gradient(#fff, #f9f9f9); border: 2px solid #ccc; padding: 5px 10px; margin: 0px 15px 10px; border-radius: 4px; text-decoration: none; }

	.article-vote .vote-down { background: linear-gradient(#fff, #f9f9f9); border: 2px solid #ccc; padding: 5px 10px; margin: 0px 0px 10px 10px; border-radius: 4px; text-decoration: none; }

	.article-vote .vote-up:before { content: ""; display: inline-block; margin: 0 2px 0 0; color: #6f7c87; background: url(SupportImages/ExSp-LikeIcon.png) no-repeat left 5px / 14px; width: 18px; height: 18px; }

	.article-vote .vote-down:before { content: ""; display: inline-block; margin: 0 2px 0 0; color: #6f7c87; background: url(SupportImages/ExSp-UnLikeIcon.png) no-repeat left 5px / 14px; width: 18px; height: 18px; }

	.article-vote .vote-up.active { color: #198d5b !important; border-color: #198d5b !important; }

		.article-vote .vote-up.active:before { color: #198d5b !important; }

	.article-vote .vote-down.active { color: #be2929 !important; border-color: #be2929 !important; }

		.article-vote .vote-down.active:before { color: #be2929 !important; }
/*.chseProductHelp {
	position: absolute;
	right: 300px;
	top: 10px;
	z-index: 1;
	padding: 0 1rem;
}*/

.ExSp-ContBtn { background: #f26d21 !important; color: #fff !important; font-size: 16px; padding: 6px 12px; border-radius: 5px; text-align: center; display: inline-block; border: none; }
.ExSp-contact { position: absolute; bottom: 0; left: 0; right: 0; padding: 15px 0; border-top: 1px solid #adadad; background-color: #f2f2f2; text-align: center; min-height: 66px; }
.ExSp-Heading { font-weight: 600; }
.ExSpMinimise { height: 2px; width: 20px; background-color: #fff; display: inline-block; vertical-align: middle; margin-right: 10px; cursor: pointer; }
.ExSp-reltdArt { padding-left: 0px; margin-top: 5px; }
	.ExSp-reltdArt li { background: url(SupportImages/ExSp-ArrowIcon.png) no-repeat left center; list-style: none; padding-left: 15px; margin-bottom: 5px; }
.help_widget_flx { display: flex; }
.ExSp-reltdArt li a { color: #3097f3 !important; }
.ExSpHelpBtn { background-color: transparent; border-radius: 30px; padding: 0px 10px 0px 5px; border: none; /* color: #333; */ }
	.ExSpHelpBtn:focus { border: none; border-radius: 30px; outline: none; }
	.ExSpHelpBtn img { margin-right: 5px; /*width: 28px; height: 28px;*/ border-radius: 30px; }
.ExSp-contactIn { padding-top: 10px; border-top: 1px solid #adadad; /*background-color: #f2f2f2;*/ text-align: center; }
.contact_icon { width: 100%; display: inline-block; margin-bottom: 10px; color: #333 !important; }
	.contact_icon i { width: 30px; height: 30px; line-height: 26px; text-align: center; border: 2px solid #3097f3; color: #ef6d4a; border-radius: 30px; margin-right: 5px; }
.helpContent ul li, .helpContent ol ul li, .helpContent ol li { margin-bottom: 15px; background: url(SupportImages/ExSp-bulletIcon.png) no-repeat left 2px; padding-left: 23px; border: none; background-size: 16px 16px; }
.helpContent ul, .helpContent ol { margin: 10px 0px 10px 15px; list-style-type: none; padding: 0px; font-size: 14px; }
#SearchPage .helpContent a { text-decoration: underline !important; }
.helpContent strong { font-weight: 600; }
.helpContent h2, .helpContent h3 { line-height: 1.5; font-size: 18px; color: #3f4047; text-align: left; margin-bottom: 0; }
.success { position: absolute !important; top: -50px !important; left: 50px !important; right: 50px !important; }
.noHelp { position: absolute; left: 0px; right: 20px; top: -76px; background: rgba(255, 255, 255,.9); padding: 10px 0px; }

@media only screen and (max-width:1650px) {
	.ExSpHelpMain .new_cmtwholebgscroll { height: calc(100vh - 267px); }
	.supportHideCnt { height: calc(100vh - 150px); }
}

@media only screen and (max-width:1500px) {
	.ExSpHelpMain .new_cmtwholebgscroll { height: calc(100vh - 267px); }
}

@media only screen and (max-width:1366px) {
}

@media only screen and (max-width:1200px) {
}

@media only screen and (max-width:767px) {
	.ExSpHelpMain { width: 100%; right: 0; }
}

@media only screen and (max-width:360px) {
	.ExSp-Title { font-size: 16px; }
	.help_widget_flxclm { flex-direction: column; }
}

@media only screen and (max-width:320px) {
	.helpContent { height: 65px }
}