#HelpModal p {
	margin-bottom:5px;
}

.info-border {
	border: 2px solid #f0efed;
	padding: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.action-message {
	position: fixed;
	top: 0;
	width: 100%;
	background: transparent;
	color: #fff;
	z-index: 999;
	padding: 18px 10px;
	transition: ease-in-out;
	transition-duration: 1s;
	opacity: 0;
	z-index: 0;
	min-height: 114px;
}

	.action-message h2 {
		font-size: 18px;
		margin-bottom: 5px;
	}

	.action-message p {
		font-size: 15px;
		margin-top: 5px;
		margin-bottom: 10px;
	}

	.action-message.error-message {
		background: #FF5B5C;
		color: #fff;
		opacity: 1;
		z-index: 999;
	}

	.action-message.success-message {
		background: #0071bc;
		color: #fff;
		opacity: 1;
		z-index: 999;
	}

		.action-message.success-message .close-message {
			display: none;
		}

body {
	background-color: #f0efed;
	overflow-x: hidden;
	/*   padding-top: 50px;
    padding-bottom: 20px;*/
}

::-webkit-scrollbar {
	width: 12px;
}
/* Track */
::-webkit-scrollbar-track {
	background: #f0efed;
	/*border-radius: 20px;*/
}
/* Handle */
::-webkit-scrollbar-thumb {
	background: rgba(192,192,192,0.4);
	border-radius: 20px;
	min-height: 200px;
}
	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover {
		background: rgba(185,156,135,0.5);
	}

*:focus {
	outline: none !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0) !important;
	box-shadow: none !important
}

input[type='checkbox'], input[type='radio'] {
	filter: grayscale(1)
}

*:focus {
	outline: none !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0) !important;
	box-shadow: none !important
}

/* Set padding to keep content from hitting the edges */
.body-content {
	padding-left: 15px;
	padding-right: 15px;
}

input, select, textarea {
	max-width: 100%;
}
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
	white-space: normal;
}

#sidebar-wrapper .list-group {
	width: auto;
}

#sidebar-wrapper .dropdown-toggle {
	max-width: 150px;
}

.navbar-nav .dropdown-menu {
	border-bottom: 2px solid #f0efed;
	border-top: 2px solid #f0efed;
}

#sidebar-wrapper .dropdown-menu {
	/*  min-width: 20rem;
    font-size: 0.9rem;
    position: relative;
      top: -7px;
    right: auto;
    left: 100%;
    margin-left: 100px;
    float: right;*/
	min-width: 20rem;
	font-size: .9rem;
	position: relative;
	margin-left: 155px;
	float: right;
	margin-top: -35px;
	border-left: 1px solid rgba(0,0,0,.125);
	transition: all ease-in-out 1s;
}

.toggled#wrapper #sidebar-wrapper {
	padding-right: 0px;
	position: relative;
}

#wrapper #sidebar-wrapper {
	padding-right: 15px;
	position: relative;
}

#sidebar-wrapper {
	min-width: fit-content;
}

#menuTabContent .tab-pane {
	min-width: 200px;
}

#menuTabContent .list-group-item {
	font-size: 0.8rem;
}

#menuTabContent ul {
	list-style: none;
}

.row-margin-0 {
	margin-left: 0;
	margin-right: 0;
}

.col-padding-0 {
	padding-left: 0;
	padding-right: 0;
}


/*Primary Colors*/
.text-black {
	color: #000000;
}

.bg-black {
	background-color: #000000;
}

.text-white {
	color: #FFFFFF;
}

.bg-white {
	background-color: #FFFFFF;
}

.text-copper {
	color: #8E532A;
}

.bg-copper {
	background-color: #8E532A;
}
/*Secondary Colors*/
.text-blue {
	color: #062041;
}

.bg-blue {
	background-color: #062041;
}

.text-lightblue {
	color: #9CB4C2;
}

.bg-lightblue {
	background-color: #9CB4C2;
}

.text-stone {
	color: #A59C87;
}

.bg-stone {
	background-color: #A59C87;
}

.text-grey {
	color: #767879;
}

.bg-grey {
	background-color: #767879;
}

.text-lightgrey {
	color: #CFD1D1;
}

.bg-lightgrey {
	background-color: #CFD1D1;
}

.bg-cream {
	background-color: #f0efed;
}
/*Tertiary Colors*/
.text-aegeanblue {
	color: #587F93;
}

.bg-aegeanblue {
	background-color: #587F93;
}

.text-eggcream {
	color: #F3D279;
}

.bg-eggcream {
	background-color: #F3D279;
}

.text-olivegreen {
	color: #87946B;
}

.bg-olivegreen {
	background-color: #87946B;
}

.text-warmbeige {
	color: #D9A680;
}

.bg-warmbeige {
	background-color: #D9A680;
}

.text-terracotta {
	color: #C55E49;
}

.bg-terracotta {
	background-color: #C55E49;
}

body {
	font-family: 'Calibri-Light', sans-serif !important;
}



h1 {
	font-family: 'BlissPro-Bold', sans-serif !important;
	text-transform: uppercase;
	color: #000;
	margin-bottom: 5px;
	font-size: 30px;
}

h2 {
	margin-bottom: 10px;
	margin-top: -5px;
	font-size: 25px;
}

h2, h3 {
	font-family: 'BlissPro', sans-serif !important;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #A59C87;
}

h3 {
	margin-top: 20px;
}

h4, h5, h6 {
	font-family: 'Gotham-Book', sans-serif !important;
	text-transform: uppercase;
}

.whitesmoke-bg {
	background-color: rgb(247,247,246);
}

.content-padding {
	padding: 30px 30px 30px 30px;
}

.content-padding-small {
	padding: 30px 30px;
}

.content-padding-xsmall {
	padding: 30px 15px;
}

.content-padding-15px {
	padding: 15px;
}

.sidebar-heading img {
	max-width: 200px;
	width: 100%;
}

#sidebar-wrapper, .navbar-nav .nav-link {
	font-family: 'BlissPro-Bold',sans-serif !important;
	text-transform: uppercase;
}

.input-group-addon {
	padding: 6px 8px;
	background-color: #f0efed;
}

.table-responsive {
	margin-top: 10px;
}
/*Graph*/
.content {
	position: relative;
}

	.content * {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

.org-chart {
	display: block;
	clear: both;
	margin-bottom: 30px;
	position: relative;
	/**
  * For IE 6/7 only
  * Include this rule to trigger hasLayout and contain floats.
  */
	/* Box colors */
	/* 1 column */
	/* 2 column */
	/* 3 column */
	/* DEPARTMENTS COLUMNs */
}

	.org-chart.cf:before, .org-chart.cf:after {
		content: " ";
		/* 1 */
		display: table;
		/* 2 */
	}

	.org-chart.cf:after {
		clear: both;
	}

	.org-chart.cf {
		*zoom: 1;
	}

	.org-chart ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}

		.org-chart ul li {
			position: relative;
		}

			.org-chart ul li span strong {
				font-family: 'BlissPro-Bold',sans-serif !important;
			}

			.org-chart ul li span {
				font-family: 'BlissPro',sans-serif !important;
				text-transform: uppercase;
				letter-spacing: 2px;
				display: block;
				border: 3px solid #F3D279;
				text-align: center;
				overflow: hidden;
				text-decoration: none;
				color: #fff;
				font-size: 15px;
				box-shadow: 4px 4px 9px -4px rgba(0, 0, 0, 0.4);
				-webkit-transition: all linear 0.1s;
				-moz-transition: all linear 0.1s;
				transition: all linear 0.1s;
				background: #92d4a8;
				padding: 4px;
				border-radius: 40px;
			}

	.org-chart .lvl-b {
		background: #C55E49;
		color: #fff;
	}

	.org-chart .board {
		width: 70%;
		margin: 0 auto;
		display: block;
		position: relative;
	}

		.org-chart .board:before {
			content: "";
			display: block;
			position: absolute;
			height: 100%;
			width: 0px;
			border-left: 2px solid #F3D279;
			margin-left: 49%;
			top: 20px;
		}

	.org-chart ul.columnOne {
		height: 90px;
		position: relative;
		width: 100%;
		display: block;
		clear: both;
	}

		.org-chart ul.columnOne li {
			width: 30%;
			margin: 0px auto;
			top: 20px;
		}

			.org-chart ul.columnOne li span {
				background-color: #87946B;
			}

	.org-chart ul.columnTwo {
		position: relative;
		width: 100%;
		display: block;
		height: 90px;
		clear: both;
	}

		.org-chart ul.columnTwo li:first-child {
			width: 30%;
			float: left;
		}

		.org-chart ul.columnTwo li {
			width: 30%;
			float: right;
		}

		.org-chart ul.columnTwo:before {
			content: "";
			display: block;
			position: relative;
			width: 80%;
			height: 10px;
			border-top: 2px solid #F3D279;
			margin: 0 auto;
			top: 40px;
		}

	.org-chart ul.columnThree {
		position: relative;
		width: 100%;
		display: block;
		clear: both;
	}

		.org-chart ul.columnThree li:first-child {
			width: 30%;
			float: left;
			margin-left: 0;
		}

		.org-chart ul.columnThree li {
			width: 30%;
			margin-left: 5%;
			float: left;
		}

			.org-chart ul.columnThree li:last-child {
				width: 30%;
				float: right;
				margin-left: 0;
			}

		.org-chart ul.columnThree:before {
			content: "";
			display: block;
			position: relative;
			width: 80%;
			height: 10px;
			border-top: 2px solid #F3D279;
			margin: 0 auto;
			top: 40px;
		}

	.org-chart .departments {
		width: 100%;
		display: block;
		clear: both;
	}

		.org-chart .departments:before {
			content: "";
			display: block;
			width: 92%;
			height: 22px;
			border-top: 2px solid #f3d279;
			border-left: 2px solid #f3d279;
			border-right: 2px solid #f3d279;
			margin: 0 auto;
			top: 0;
			margin-top: 20px;
			float: left;
			margin-left: 4px;
		}

	.org-chart .department {
		border-left: 2px solid #F3D279;
		width: 23.2%;
		float: left;
		margin: 0px 4px;
		margin-top: -20px;
		padding-top: 20px;
	}

		.org-chart .department:after {
			content: "";
			position: absolute;
			display: none;
			width: 10px;
			height: 100%;
			border-left: 2px solid #F3D279;
			left: 50%;
			top: -2px;
		}

		.org-chart .department:first-child:after {
			display: none;
		}

		.org-chart .department:last-child:after {
			display: none;
		}

		.org-chart .department.central {
			/*   background: rgba(240,239,237,0.5);*/
		}

			.org-chart .department.central:after {
				display: none;
			}

		.org-chart .department span {
			border-left: 1px solid #F3D279;
		}

		.org-chart .department li {
			padding-left: 25px;
			border-bottom: 2px solid #F3D279;
			height: 66px;
		}

			.org-chart .department li span {
				background: #D9A680;
				top: 38px;
				position: absolute;
				z-index: 1;
				width: 95%;
				height: auto;
				vertical-align: middle;
				right: 0px;
				line-height: 20px;
				border: 3px solid #F3D279;
			}

		.org-chart .department .sections {
			margin-top: -20px;
		}

/* MEDIA QUERIES */
@media all and (max-width: 1600px) {
	.org-chart .departments {
		margin-top: -37px;
	}

	.org-chart ul li span, .org-chart ul.columnOne li {
		width: 100%;
	}

	.org-chart .board {
		margin: 0px;
		width: 100%;
	}

	.org-chart .departments:before {
		border: none;
	}

	.org-chart .department {
		float: none;
		width: 100%;
		margin-left: 0;
		/* background: #f5eec9;*/
		margin-bottom: 40px;
	}

		.org-chart .department:before {
			content: "";
			display: block;
			position: absolute;
			width: 15px;
			height: 60px;
			border-left: 2px solid #F3D279;
			z-index: 1;
			top: -45px;
			left: 0%;
			margin-left: -2px;
		}

		.org-chart .department:after {
			display: none;
		}

		.org-chart .department:first-child:before {
			display: none;
		}
}
/*--------- TO BE REMOVED FROM YOUR CSS --*/
/* this is just to display the behaviour of responsive on codepen */
.responsive-content {
	width: 767px;
	margin: 0px auto;
}

	.responsive-content .org-chart .board {
		margin: 0px;
		width: 100%;
	}

	.responsive-content .org-chart .departments:before {
		border: none;
	}

	.responsive-content .org-chart .department {
		float: none;
		width: 100%;
		margin-left: 0;
		background: #f5eec9;
		margin-bottom: 40px;
	}

		.responsive-content .org-chart .department:before {
			content: "";
			display: block;
			position: absolute;
			width: 15px;
			height: 60px;
			border-left: 2px solid #F3D279;
			z-index: 1;
			top: -45px;
			left: 0%;
			margin-left: -2px;
		}

		.responsive-content .org-chart .department:after {
			display: none;
		}

		.responsive-content .org-chart .department:first-child:before {
			display: none;
		}


/*Process*/

.checkout-wrapper {
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #fafbfa;
}

.checkout {
	background-color: #fff;
	border: 1px solid #eaefe9;
	font-size: 14px;
}

.panel {
	margin-bottom: 0px;
}

.checkout-step {
	/*  border-top: 1px solid #f2f2f2;*/
	color: #666;
	font-size: 14px;
	padding: 15px;
	position: relative;
	overflow: hidden;
}

.checkout-text {
	text-align: right;
}

	.checkout-text small {
		font-size: 13px;
		line-height: 15px;
	}

.checkout-step-number {
	border: 2px solid #9cb4c2;
	color: #9cb4c2;
	margin: auto;
	display: block;
	text-align: center;
	position: relative;
	background-color: #fff;
	border-radius: 100%;
	width: 40px;
	height: 40px;
	font-size: 20px;
	line-height: 35px;
}

	.checkout-step-number.active {
		border: 2px solid #9cb4c2;
		color: #fff;
		background-color: #9cb4c2;
		width: 60px;
		height: 60px;
		font-size: 25px;
		line-height: 55px;
	}

.line-through:before {
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	top: -149px;
	left: 50%;
	border: 2px solid #CFD1D1;
	border-width: 0 0 0 1px;
	width: 1px;
	height: 500px;
}

.line-through.start:before {
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	top: 90%;
	left: 50%;
	border: 2px solid #CFD1D1;
	border-width: 0 0 0 1px;
	width: 1px;
	height: 100vh;
}

.line-through.end:before {
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	top: -149px;
	left: 50%;
	border: 2px solid #CFD1D1;
	border-width: 0 0 0 1px;
	width: 1px;
	height: 150px;
}

.line-through .loop-line-top {
	position: relative;
	z-index: 0;
	top: -10px;
	left: 50%;
	border-bottom: 1px solid #cfd1d1;
	width: 50px;
}

	.line-through .loop-line-top i {
		position: absolute;
		left: -4px;
		top: -9px;
		color: #cfd1d1;
	}

.line-through .loop-line-middle {
	position: absolute;
	z-index: 2;
	top: -10px;
	left: calc(50% + 50px);
	border-left: 1px solid #cfd1d1;
	height: 32px;
}

.line-through .loop-line-bottom {
	position: relative;
	z-index: -1;
	top: -57px;
	left: 50%;
	border-bottom: 1px solid #cfd1d1;
	width: 50px;
}

.checkout-step.disabled {
	/*opacity: 0.5;*/
	pointer-events: none;
	/*background: #f2f2f2;*/
}

	.checkout-step.disabled .line-through .bg-white, .checkout-step.disabled .checkout-step-number {
		/*   background: #f2f2f2 !important;*/
	}

.checkout-step.completed .checkout-step-number {
	/*  color: #fff;
    background-color: #9cb4c2!important;
    border-color: #9cb4c2;*/
	/*opacity:0.5;*/
}

.checkout-step.completed .checkout-text {
	color: #9CB4C2;
}

.checkout-step.completed .line-through .text-aegeanblue {
	color: #9cb4c2;
}

.checkout-step.alert .checkout-step-number {
	color: #C55E49;
	background-color: #fff;
	border-color: #C55E49;
}

.checkout-step.alert .line-through .text-aegeanblue {
	color: #C55E49;
}

.checkout-step-title {
	font-size: 18px;
	font-weight: 500;
	vertical-align: middle;
	display: inline-block;
	margin: 0px;
}

.checout-address-step {
}

	.checout-address-step .form-group {
		margin-bottom: 18px;
		display: inline-block;
		width: 100%;
	}

.checkout-step-body {
	padding-left: 60px;
	padding-top: 30px;
}

.checkout-step-active {
	display: block;
}

.checkout-step-disabled {
	display: none;
}

.checkout-login {
}

.login-phone {
	display: inline-block;
}

	.login-phone:after {
		content: '+91 - ';
		font-size: 14px;
		left: 36px;
	}

	.login-phone:before {
		content: "";
		font-style: normal;
		color: #333;
		font-size: 18px;
		left: 12px;
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.login-phone:after, .login-phone:before {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.login-phone .form-control {
		padding-left: 68px;
		font-size: 14px;
	}

.checkout-login .btn {
	height: 42px;
	line-height: 1.8;
}

.otp-verifaction {
	margin-top: 30px;
}

.checkout-sidebar {
	background-color: #fff;
	border: 1px solid #eaefe9;
	padding: 30px;
	margin-bottom: 30px;
}

.checkout-sidebar-merchant-box {
	background-color: #fff;
	border: 1px solid #eaefe9;
	margin-bottom: 30px;
}

.checkout-total {
	border-bottom: 1px solid #eaefe9;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.checkout-invoice {
	display: inline-block;
	width: 100%;
}

.checout-invoice-title {
	float: left;
	color: #30322f;
}

.checout-invoice-price {
	float: right;
	color: #30322f;
}

.checkout-charges {
	display: inline-block;
	width: 100%;
}

.checout-charges-title {
	float: left;
}

.checout-charges-price {
	float: right;
}

.charges-free {
	color: #43b02a;
	font-weight: 600;
}

.checkout-payable {
	display: inline-block;
	width: 100%;
	color: #333;
}

.checkout-payable-title {
	float: left;
}

.checkout-payable-price {
	float: right;
}

.checkout-cart-merchant-box {
	padding: 20px;
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #eaefe9;
	padding-bottom: 20px;
}

.checkout-cart-merchant-name {
	color: #30322f;
	float: left;
}

.checkout-cart-merchant-item {
	float: right;
	color: #30322f;
}

.checkout-cart-products {
}

	.checkout-cart-products .checkout-charges {
		padding: 10px 20px;
		color: #333;
	}

.checkout-cart-item {
	border-bottom: 1px solid #eaefe9;
	box-sizing: border-box;
	display: table;
	font-size: 12px;
	padding: 22px 20px;
	width: 100%;
}

.checkout-item-list {
}

.checkout-item-count {
	float: left;
}

.checkout-item-img {
	width: 60px;
	float: left;
}

.checkout-item-name-box {
	float: left;
}

.checkout-item-title {
	color: #30322f;
	font-size: 14px;
}

.checkout-item-unit {
}

.checkout-item-price {
	float: right;
	color: #30322f;
	font-size: 14px;
	font-weight: 600;
}


.checkout-viewmore-btn {
	padding: 10px;
	text-align: center;
}

.header-checkout-item {
	text-align: right;
	padding-top: 20px;
}

.checkout-promise-item {
	background-repeat: no-repeat;
	background-size: 14px;
	display: inline-block;
	margin-left: 20px;
	padding-left: 24px;
	color: #30322f;
}

	.checkout-promise-item i {
		padding-right: 10px;
		color: #43b02a;
	}

.escalate-task, .escalate-task:hover, .escalate-task:active {
/*	font-family: 'BlissPro-Bold';*/
	background-color: #e34c5e !important;
	color: #fff;
}


/*Diagrams*/
#ageGatePluginDiagram,
#contactPluginDiagram,
#signupPluginDiagram,
#validPluginDiagram {
	text-align: center;
	position: relative;
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 30px;
}

	#ageGatePluginDiagram:before,
	#contactPluginDiagram:before,
	#signupPluginDiagram:before,
	#validPluginDiagram:before {
		content: "";
		display: block;
		position: absolute;
		z-index: 0;
		top: 0%;
		left: 50%;
		border: 2px solid #cfd1d1;
		border-width: 0 0 0 1px;
		width: 1px;
		height: 100vh;
	}

	#ageGatePluginDiagram .lightblue-block,
	#contactPluginDiagram .lightblue-block,
	#signupPluginDiagram .lightblue-block,
	#validPluginDiagram .lightblue-block {
		background-color: #9CB4C2;
		color: #fff;
		text-align: center;
		padding: 20px 20px 20px 20px;
		position: relative;
		width: 100%;
		max-width: 600px;
		margin: auto;
	}

		#ageGatePluginDiagram .lightblue-block h3,
		#contactPluginDiagram .lightblue-block h3,
		#signupPluginDiagram .lightblue-block h3,
		#validPluginDiagram .lightblue-block h3 {
			color: #fff;
			margin-top: 0;
		}

	#ageGatePluginDiagram .blue-block,
	#contactPluginDiagram .blue-block,
	#signupPluginDiagram .blue-block,
	#validPluginDiagram .blue-block {
		background-color: #587F93;
		color: #fff;
		text-align: center;
		width: fit-content;
		margin: auto;
		padding: 15px 15px 15px 15px;
		position: relative;
		margin-top: 15px;
	}

		#ageGatePluginDiagram .blue-block p,
		#contactPluginDiagram .blue-block p,
		#signupPluginDiagram .blue-block p,
		#validPluginDiagram .blue-block p {
			margin-bottom: 0;
		}

	#ageGatePluginDiagram .white-block,
	#contactPluginDiagram .white-block,
	#signupPluginDiagram .white-block,
	#validPluginDiagram .white-block {
		position: relative;
		background-color: #fff;
		margin-top: 15px;
	}

	#ageGatePluginDiagram .yellow-circle,
	#contactPluginDiagram .yellow-circle,
	#signupPluginDiagram .yellow-circle,
	#validPluginDiagram .yellow-circle {
		background-color: #F3D279;
		color: #fff;
		border-radius: 100%;
		width: fit-content;
		padding: 15px;
		margin: auto;
		font-weight: bold;
		letter-spacing: 1px;
		margin-bottom: 15px;
		position: relative;
	}
#accordion .card-header, #accordion2 .card-header {
	cursor: pointer;
	font-weight: 400;
	color: #062041;
	font-family: 'BlissPro-Bold',sans-serif !important;
	text-transform: uppercase;
	font-size: 1.0rem;
	letter-spacing: 1px;
}