/*!
Theme Name: Mans
Theme URI: https://github.com/Manntrix/mans
Author: Manish Mandal
Author URI: https://medium.com/@manntrix
Description: Mans is a wordpress theme which is perfect for easy blogging. This theme will help you create layout for your news or blog site. It's flexible, fast, lightweight and responsiive.
Version: 1.0.6
License: GPLv3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: mans
Tags: blog, news, right-sidebar, custom-background, custom-colors, custom-logo, featured-images, footer-widgets, full-width-template, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Mans is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Heading
# Common CSS Style
	-Layout
	-Header
	-Sidebar
	-Footer
	-Copyright
	-Navigation
	-Inner post
	-Pagination
	-Menu
--------------------------------------------------------------*/
/*=============================================
=            Normalize            =
=============================================*/
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	outline: 0;
	vertical-align: baseline;
}

.entry-content img {
	margin: 0 0 1.5em 0;
}
.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
}
.alignnone, img.alignnone {
	/* not sure about this one */
}
.wp-caption {
	margin-bottom: 1.5em;
	text-align: center;
	padding-top: 5px;
}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 10px;
	margin: 0;
}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
}
.commentlist .bypostauthor {border-top: 10px solid #e18728;}
.commentlist li ul.children li.bypostauthor {border-top: 10px solid #e18728;}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
}
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}

.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}


html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	margin-top: unset !important;
}

body {
	margin: 0;
	overflow-x: hidden;
	position: relative;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
	color: #000;
}

a:active,
a:hover {
	outline: 0;
	text-decoration: none;
	color: #3A3A3A;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: 700;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 3em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
	vertical-align: middle;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	border-style: solid;
	border-width: 0;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: 700;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

p {
	margin-bottom: 1.6em;
}
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*=============================================
=           Typography            =
=============================================*/
html {
	font-size: 90%;
}

body {
	font-family: -apple-system, blinkmacsystemfont, "segoe ui", roboto, "oxygen-sans", ubuntu, cantarell, "helvetica neue", helvetica, arial, sans-serif;
	font-size: 1rem;
	color: #51585f;
	line-height: 1.8;
}

code {
	background-color: #f1f3f5;
	padding: 0.125em 0.25em;
}

pre {
	background-color: #f8f9fa;
	padding: 20px;
}

blockquote {
	padding: 1em;
	margin: 1.5em 1em 1.5em 2em;
	border-left: 4px solid #e9ecef;
}

/*=============================================
=          Heading            =
=============================================*/
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #16181a;
	line-height: 1.3;
	font-weight: 500;
	margin: 0 0 20px;
}


h2,
h3,
h4,
h5,
h6 {
	margin: 50px 0 20px;
}


html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*::before,
*::after {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	background: #fff;
}

hr {
	background-color: #e9ecef;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

/*=============================================
=            Common CSS Style            =
=============================================*/
    /* Layout*/
/* -------------------------HEADER START---------------------------- */
.headMain{ height: 60px; border-bottom: 1px solid #ccc;}
.headerBtn{
	float: right;
	background-color: #333;
	padding: 5px 20px;
	border-radius: 50px;
	font-size: 15px;
	font-weight: 400;
	line-height: 20px;
	color: #fff;
	margin-top: 14px;
}
.logoBg{ display: flex;}
.logoBg .img-responsive{ margin-top: 3px; height: 50px; width: auto; object-fit: contain;}
#menuIcon{ display: none; padding: 0; margin: 15px 20px 0 0;}
::-webkit-search-cancel-button {
	height: 15px;
	width: 15px;
	display: inline-block;
	/*    background: url("../img/cross.png") 0 0 no-repeat;*/
	background-size: 100%;
}
input {
	-webkit-appearance: searchfield;
}

*::-webkit-search-cancel-button {
	-webkit-appearance: searchfield-cancel-button;
}



.navbar-right-search{
	/*    position: absolute;*/
	float: right;
	right: 8px;
	top: 10px;
	width: 40px;
	margin-top: 8px;
}
.searchbox input[type="search"]::placeholder{ font-size: 0!important;}
.searchbox{
	position:relative;
	min-width:30px;
	width:0%;
	height:42px;
	float:right;
	/*    overflow:hidden;*/
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	-ms-transition: width 0.3s;
	-o-transition: width 0.3s;
	transition: width 0.3s;
	/*
           -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
    */
}
.searchbox-input{
	top:0;
	right:0;
	border:0;
	outline:0;
	background-color: transparent;
	width:100%;
	height:40px;
	margin:0;
	padding:5px 10px;
	font-size:15px;
	color:#333;
	font-weight: 400;
}
.searchbox-input::-webkit-input-placeholder {
	color: #fff;
}
.searchbox-input:-moz-placeholder {
	color: #fff;
}
.searchbox-input::-moz-placeholder {
	color: #fff;
}
.searchbox-input:-ms-input-placeholder {
	color: #fff;
}
.searchbox-icon{
	width:32px;
	height:42px;
	display:block;
	position:absolute;
	top:8px;
	font-size:16px;
	right:10px;
	padding:0;
	margin:0;
	border:0;
	outline:0;
	line-height:32px;
	text-align:center;
	cursor:pointer;
	color:#262626;
	background: url('./assets/img/srch.png') 0 9px no-repeat;
	background-size: 75%;
	text-indent: -99999px;
	z-index: 99999;
}
.searchbox-open .searchbox-icon{ background: url('./assets/img/cross.png') 0 0 no-repeat; background-size: 100%; width: 25px; height: 25px; top: 7px; right: 5px;}
.searchbox-submit{
	width:40px;
	height:42px;
	display:block;
	position:absolute;
	top:0;
	font-size:16px;
	right:0;
	padding:0;
	margin:0;
	border:0;
	outline:0;
	line-height:32px;
	text-align:center;
	cursor:pointer;
	color:#262626;
	/*    background: url(../img/search.png) no-repeat 10px 3px;*/
	background:none;
	text-indent: -99999px;
}
.proclose{
	display: none !important;
}
div#ajaxsearchlite1 {
	box-shadow: none;
}
#ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input {
	height: 40px;
}
/*
.searchbox-submit{
    width:25px;
    height:25px;
    display:none;
    position:absolute;
    z-index: 99;
    top:8px;
    font-size:16px;
    right:5px;
    padding:0;
    margin:0;
    border:0;
    outline:0;
    line-height:32px;
    text-align:center;
    cursor:pointer;
    color:#262626;
    background: url(../img/cross.png) 0 0 no-repeat;
    background-size: 100%;
    text-indent: -99999px;
}

.searchbox-open .searchbox-submit{ display: block;}
.searchbox-open .searchbox-icon{ display: none;}

*/

.searchbox-open{
	width:600px;
	background-color: #fff;
	border-radius: 0px;
	border: 1px solid #333;
}
.sf_suggestion{
	position: absolute;
	z-index: 9999;
	right: 0;
	top: 44px;
	width: 100%;
	padding-bottom: 15px;
}
.sf_suggestion ul{
	max-height: 200px;
	overflow-y: auto;
	width: 100%!important;
	box-shadow: 0 0 5px #ccc;
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 15px;
	margin: 0;
}
.sf_suggestion ul li{ list-style-type: none;}
.sf_suggestion ul li a{ font-size: 13px; color: #333;}

/* -------------------------HEADER END------------------------------ */

/* -------------------------LEFT-ACCORDION-START------------------------------ */
#leftaccordion {
	background: #fff;
	width: 100%;
	margin: 0;
	height: calc(100vh - 60px);
	overflow-y: auto;
	border-right: 1px solid #ddd;
}

#leftaccordion h3 {
	background: #003040;
	background: linear-gradient(#003040, #002535);
}

#leftaccordion h3 a {
	padding: 0 10px;
	font-size: 12px;
	line-height: 34px;
	display: block;
	color: white;
	text-decoration: none;
}

#leftaccordion h3:hover {
	text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
}

i {
	margin-right: 10px;
}
#leftaccordion ul{ padding: 10px 0 0 0; margin: 0;}
#leftaccordion li {
	list-style-type: none;
}

#leftaccordion ul ul li a,
#leftaccordion h4 {
	color: #000;
	text-decoration: none;
	font-size: 14px;
	line-height: 27px;
	display: block;
	padding: 0;
	transition: all 0.15s;
	position: relative;
}

#leftaccordion ul ul li a:hover {
	background: #f4f4f4;
	padding-left: 5px;
}

#leftaccordion ul ul {
	display: none;
}

#leftaccordion li.actv > ul {
	display: block;
}

#leftaccordion ul ul ul {
	margin-left: 15px;
	padding-left: 10px;
	border-left: 1px dotted rgba(0, 0, 0, 0.5);
}

#leftaccordion a:not(:only-child):after {
	/*
        content: "\f104";
        font-family: fontawesome;
    */
	content: "";
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 14px;
	background: url("./assets/img/downarrow.png") 0 0 no-repeat;
	width: 10px;
	height: 10px;

}

#leftaccordion .actv > a:not(:only-child):after {
	content: "";
	background: url("./assets/img/uparrow.png") 0 0 no-repeat;
}
/* -------------------------LEFT-ACCORDION-END-------------------------------- */

/* -------------------------CLICK-ACTION-START-------------------------------- */

.contentArea {
	margin-top:20px;
	height: calc(100vh - 80px);
	overflow-y: auto;
	overflow-x: hidden;
}

div[class*="sec-"] {
	display:none;
}

div.current {
	display:block;
}
/* -------------------------CLICK-ACTION-END-------------------------------- */




/* -------------------------CONTENT START--------------------------- */

/* --------JUMP-MENU-START--------- */
.page-section {
	/*  height: 480px;*/
	width: 100%;
	/*  background: linear-gradient(45deg, #43cea2 10%, #185a9d 90%);*/
	-webkit-transition: all 1.1s ease; transition: all 1.1s ease;
}
.navigation {
	position: fixed;
	width: 23%;
	color: #000;
	border-left: 1px solid #ddd;
	/*  right: 15px;*/
	z-index: 999;
}
.navigation__link {
	display: block;
	color: #888!important;
	text-decoration: none;
	padding: 5px 15px;
	font-size: 14px;
	font-weight: 400;
}
.navigation__link:hover{
	color: #696969!important;
}
.navigation__link:focus{ text-decoration: none; }
.navigation__link.active {
	color: #333!important;
	font-weight: 500;
}
/* ---------JUMP-MENU-END--------- */

.part{}
.contentArea h2, h2{ font-size: 2.5em; font-weight: 500; color: #000; }
.contentArea h3, h3{ font-size: 2em; font-weight: 500; color: #000; }
.contentArea h4, h4{ font-size: 1.5em; font-weight: 500; color: #000; }
.contentArea p small{ margin-top: 20px; display: block;}



.imageZoom::before{ content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9; background-color: rgba(0,0,0,0.5);}
.imageZoom::after{
	content: "+";
	position: absolute;
	z-index: 99;
	width: 60px;
	height: 60px;
	background-color: rgba(0,0,0,0.5);
	left: 47%;
	top: 47%;
	text-align: center;
	border-radius: 100px;
	font-size: 42px;
	line-height: 59px;
	color: #fff;
	cursor: pointer;
}
.imageZoom:hover::after{ background-color: rgba(0,0,0,0.7); }
.imageZoom{ position: relative; display: inline-block; width: 100%;}
.imageZoom img {
	width: 100%;
	border: 3px solid white;
	box-shadow: 0px 0px 8px rgba(0,0,0,.3);
	margin: 0px;
}

/* Styles the lightbox, removes it from sight and adds the fade-in transition */

.imageZoom-target {
	position: fixed;
	z-index: 9999;
	top: -100%;
	width: 100%;
	background: rgba(0,0,0,.7);
	width: 100%;
	opacity: 0;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
	overflow: hidden;
}

/* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */

.imageZoom-target img {
	margin: auto;
	position: absolute;
	top: 0;
	left:0;
	right:0;
	bottom: 0;
	max-height: 0%;
	max-width: 0%;
	border: 3px solid white;
	box-shadow: 0px 0px 8px rgba(0,0,0,.3);
	box-sizing: border-box;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}

/* Styles the close link, adds the slide down transition */

a.imageZoom-close {
	display: block;
	width:50px;
	height:50px;
	box-sizing: border-box;
	background: white;
	color: black;
	text-decoration: none;
	position: absolute;
	top: -80px;
	right: 0;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}

/* Provides part of the "X" to eliminate an image from the close link */

.imageZoom-close:before {
	content: "";
	display: block;
	height: 30px;
	width: 1px;
	background: black;
	position: absolute;
	left: 26px;
	top:10px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}

/* Provides part of the "X" to eliminate an image from the close link */

.imageZoom-close:after {
	content: "";
	display: block;
	height: 30px;
	width: 1px;
	background: black;
	position: absolute;
	left: 26px;
	top:10px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */

.imageZoom-target:target {
	opacity: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.imageZoom-target:target img {
	max-height: 100%;
	max-width: 100%;
}

.imageZoom-target:target a.imageZoom-close {
	top: 0px;
}





/* -------------------------CONTENT END--------------------------- */


/*//////////////////////////////////////////////////////////////////
[ Table ]*/

.limiter {
	width: 100%;
	margin: 20px auto 20px auto;
}

.limiter .container-table100 {
	width: 100%;
	/*  min-height: 100vh;  */
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.limiter .wrap-table100 {
	width: 100%;
}

.limiter table {
	border-spacing: 1;
	border-collapse: collapse;
	background: white;
	border-radius: 10px;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.limiter table * {
	position: relative;
}
.limiter table td, table th {
	padding: 8px 0px;
	min-width: 150px;
}
.limiter table td a{ color: #808080;}
.limiter table thead tr {
	/*
      height: 60px;
      background: #36304a;
    */
}
.limiter table tbody tr {
	height: 50px;
}
.limiter table tbody tr:last-child {
	border: 0;
}
.limiter table td, table th {
	text-align: left;
	vertical-align: top;
	padding: 8px 0;
}
.limiter table td:last-child, table th:last-child{  text-align: right;}
.limiter table td.l, table th.l {
	text-align: right;
}
.limiter table td.c, table th.c {
	text-align: center;
}
.limiter table td.r, table th.r {
	text-align: center;
}


.limiter .table100-head th{
	font-size: 17px;
	color: #000;
	line-height: 1.2;
	font-weight: 600;
	border-bottom: 1px solid #ccc;
}

.limiter tbody tr:nth-child(even) {
	/*  background-color: #f5f5f5;*/
}

.limiter tbody tr {
	font-size: 17px;
	color: #808080;
	line-height: 23px;
	font-weight: unset;
}

.limiter tbody tr:hover {
	color: #555555;
	background-color: #f5f5f5;
	/*  cursor: pointer;*/
}


@media screen and (max-width: 992px) {
	.limiter table {
		display: block;
	}
	.limiter table > *, table tr, table td, table th {
		display: block;
	}
	.limiter table thead {
		display: none;
	}
	.limiter table tbody tr {
		height: auto;
		padding: 37px 0;
	}
	.limiter table tbody tr td {
		padding-left: 40% !important;
		margin-bottom: 24px;
	}
	.limiter table tbody tr td:last-child {
		margin-bottom: 0;
	}
	.limiter table tbody tr td:before {
		font-family: OpenSans-Regular;
		font-size: 14px;
		color: #999999;
		line-height: 1.2;
		font-weight: unset;
		position: absolute;
		width: 40%;
		left: 30px;
		top: 0;
	}
	.limiter table tbody tr td:nth-child(1):before {
		content: "Date";
	}
	.limiter table tbody tr td:nth-child(2):before {
		content: "Order ID";
	}
	.limiter table tbody tr td:nth-child(3):before {
		content: "Name";
	}
	.limiter table tbody tr td:nth-child(4):before {
		content: "Price";
	}
	.limiter table tbody tr td:nth-child(5):before {
		content: "Quantity";
	}
	.limiter table tbody tr td:nth-child(6):before {
		content: "Total";
	}

}

@media (max-width: 576px) {
	.container-table100 {
		padding-left: 15px;
		padding-right: 15px;
	}
}






/* -------------------------FOOTER START---------------------------- */
.footerTop{ width: 100%; float: left; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 15px 0; margin-top: 40px; margin-bottom: 15px; position: relative; margin-left: 0; margin-right: 0;}
.satisfyBtn a{ font-size: 15px!important; border-radius: 100px; padding: 3px 15px; display: inline-block; background-color: #eee; margin: 0 5px;}
.satisfyBtn a:hover{ background-color: #ddd;}
.footerBottom{ width: 100%; float: left; background-color: #F4F4F4; padding-top: 15px; padding-bottom: 15px; margin-left: 0; margin-right: 0;}
.contentFooter{ width: 100%; float: left;}
.contentFooter a{ font-size: 15px; color: #000; font-weight: 400; border-bottom: 1px solid #ccc; text-decoration: none;}
.contentFooter a:hover{ border-bottom: 1px solid #000;}
.contentFooter p{ font-size: 15px; color: #757474; font-weight: 400; margin: 0; }
.footerBottom p{ text-align: right;}
.satisFyMsg, .dPop{ display: none;}
.dPop{
	position: absolute;
	z-index: 99;
	left: 6px;
	bottom: -15px;
	padding: 22px 32px;
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: 0 0 8px #ccc;
	width: 500px;
}
.dPop input[type=submit]{ background-color: #d4d4d5; padding: 12px 32px; font-size: 15px; float: left; border-radius: 100px;}

.dPop h4{ font-size: 20px; font-weight: 700; padding-bottom: 15px;}
.dPop p{ font-size: 12px; line-height: 20px; margin-bottom: 10px; text-align: left;}
.dPop p a{ text-decoration: underline; color: #333; font-size: 12px;}
.dPop textarea{ height: 60px;}
.dPop textarea, .dPop input[type=text], .dPop input[type=email]{ border: 1px solid #ccc; padding: 10px; resize: none; width: 100%; font-size: 15px; font-weight: 400; color: #848080; margin-bottom: 10px;}
.dPop textarea:hover,
.dPop textarea:focus,
.dPop input[type=text]:hover,
.dPop input[type=text]:focus,
.dPop input[type=email]:hover,
.dPop input[type=email]:focus{ border-color: #333; box-shadow: none;}
.dPop button{padding: 12px 32px; border-width: 0px; margin-top: 23px; font-size: 18px; border-radius: 40px; display: inline-block; background-color: #ccc; border: none; outline: none; color: rgba(39, 40, 44, 0.40);}
.dPop button:hover{ background-color: #ddd;}
.dPopClose{ float: right; font-size: 20px!important; border: none!important;}
/* -------------------------FOOTER END------------------------------ */






/* -------------------------CLEAR START----------------------------- */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

/* new_css */

.dPop textarea::-webkit-input-placeholder, .dPop input[type=text]::-webkit-input-placeholder, .dPop input[type=email]::-webkit-input-placeholder { /* Edge */
  letter-spacing: normal;
    
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 24px;
    color: grey;
}

.dPop textarea:-ms-input-placeholder, .dPop input[type=text]:-ms-input-placeholder , .dPop input[type=email]:-ms-input-placeholder{ /* Internet Explorer 10-11 */
  letter-spacing: normal;
    
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 24px;
    color: grey;
}

.dPop textarea::placeholder , .dPop input[type=text]::placeholder , .dPop input[type=email]::placeholder {
  letter-spacing: normal;
    
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 24px;
    color: grey;
}

#was-this-helpful{
    font-weight: 500;
    background-color: white;
    margin-top: 0;
    text-align: left;
    justify-content: left;
    font-size: 17px;}
#wthf-yes-no span{
	    margin-right: 0.4em;
    background-color: white;
    box-shadow: none;
    color: #51585f;
}
#wthf-title {
    padding-right: 0.2em;
}

#wthf-yes-no span:hover{
	background: rgba(39, 40, 44, 0.05);
	border-radius: 24px;
	box-shadow: none;
}
.logoBg p.site-title{ margin-bottom: 0; padding-left: 15px;}
.site-title a{
	letter-spacing: normal;
    color: #27282c;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
}

#leftaccordion{
	word-spacing: 1px;
    padding: 0 0 0 2px;
    margin-left: 0px;
    font-size: 16px;
}

#leftaccordion ul ul li.actv > a{
	color: black !important;;
    font-weight: 600;
}

#leftaccordion ul ul li a{
	text-decoration: none;
    font-size: 12px;
    line-height: 27px;
    display: block;
    padding-bottom: 14px;
    transition: all 0.15s;
    position: relative;
color: rgba(39, 40, 44, 0.70) !important;}

.headMain .logoBg{ margin-top: 12px;}

.headMain .logoBg .res_bar .fa-bars:before {
    content: "\f0c9";
    position: absolute;
    font-size: 23px;
    top: 8px;
}

#leftaccordion.show_bar{
	display: block;
/* 	width: 304px !important; */
    left: -19px;
    position: absolute;
}
#leftaccordion.show_bar .navh2, #leftaccordion.show_bar .crsBtn{
display: none}
article div.article{ padding-top: 10px;}

#toc_bit{
	max-width: 201px;
}

nav[data-toggle=toc] .nav>li>a{
	word-break: break-word;
	font-family: -apple-system, blinkmacsystemfont, "segoe ui", roboto, "oxygen-sans", ubuntu, cantarell, "helvetica neue", helvetica, arial, sans-serif;
    display: block;
    line-height: 19px;
    margin-bottom: 6px;
    padding: 4px 20px;
    font-size: 14px;
    border: 0;
    font-weight: 400;
    color: #767676;
}