/* TOP and Side Menu Slider START */

.resp-vtabs .resp-tabs-list li {

	padding: 15px 15px !important;

}

.synergyCSR {
	background-color: #00a0e3 !important;
}

.app-sidebar {

	height: 60px;

	padding-top: 60px;

}

.toppromenu .hover:hover {

	background: #f7f7f7;

}

.toppromenu .bg-radius-left {

	border-top-left-radius: .5rem;

	border-bottom-left-radius: .5rem;

}

.toppromenu .bg-radius-right {

	border-top-right-radius: .5rem;

	border-bottom-right-radius: .5rem;

}

.topsidbtn .btn-app {

	padding: 7px 5px;

	height: 40px;

	line-height: 16px;

}

.topsidbtn .btn-app>.fa,
.topsidbtn .btn-app>.glyphicon,
.topsidbtn .btn-app>.ion {

	font-size: 14px;

	display: block;

}

.spacer {

	padding: 3px;

}



.topSlider {

	background: #999;

	border-radius: 5px 5px 0px 0px;

	height: 10px;

	color: #999;

	text-align: center;

	width: 40px;

	filter: drop-shadow(0px -2px 2px rgba(163, 163, 163, 0.63));

	transform: rotate(180deg);

	position: absolute;

	left: calc(50% + 30px);

	top: 61px;

}

.topSlider:before {

	content: "\f126";

	font-family: "Ionicons";

	font-size: 0.8em;

	color: #FFF;

	position: absolute;

	top: -2px;

	right: 14px;

	text-decoration: none;

}

.topSlider:hover:before {

	content: "\f123";

	font-family: "Ionicons";

	font-size: 0.8em;

	color: #FFF;

	position: absolute;

	top: -2px;

	right: 14px;

	text-decoration: none;

}

#sliderMenu.col-md-auto {

	float: left;

	width: 85px;

}

#sliderMenu.col-md-3 {

	float: left;

	/*width: 25%;
*/
}

#mainContainer.col-md {

	width: 100%;

	float: left;

}

.mw-500 {
	min-width: 500px;
	margin: 0 auto;
}

.btn-w-190 {

	width: 190px;

}

.btn-w-100 {

	width: 100px;
	margin: 0 0 0 auto;

}

/* TOP and Side Menu Slider END */
.card.card-primary {
	border-top: 2px solid var(--primaryColor);
}

.w100 {
	width: 100px;
}

.bg-primary-transparent {
	background-color: rgb(0, 175, 238, 0.1);
}

.btn-primary {
	background-color: var(--primaryColor) !important;
	border: 0px;
}

.btn-primary:focus,
.btn-primary:focus:active,
.btn-primary:active,
.btn-primary:hover {
	background-color: var(--primaryColor) !important;
}


/* STEPS WIZARD TABS CSS */
.stepper {
	display: flex;
	padding: 0;
	margin: 0;
	width: 100%;
	list-style: none;
	position: relative;
}

.nav-pills.stepper .nav-item.stepper-item .nav-link.stepper-link {
	border-radius: 4px !important;
}

.stepper.nav-pills .stepper-link.nav-link.active,
.nav-pills .show>.stepper-link.nav-link,
.stepper.nav-pills .stepper-item.nav-item .stepper-link.nav-link.active {
	color: #fff;
	background: #00a0e3;
}

.stepper::before {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	content: "";
	width: calc(100% - 20px);
	background: transparent;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link,
.nav-pills .nav-item .nav-link.active {
	color: #fff;
	background: #f47b25;
}

.stepper.nav-pills .stepper-item.nav-item .stepper-link.nav-link {
	padding: 10px 30px 10px 30px !important;
}

.stepper-item .stepper-link {
	background: #ececec;
	margin: 0 0 0 -14px;
	-webkit-clip-path: polygon(15px 50%, 0% 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 0% 100%);
}

.stepper-item.current {
	background: #223155;
	font-weight: bold;
	color: #FFF;
}

.stepper-item .stepper-link.complete {
	background: green;
	color: #FFF !important;
}

.stepper-item:first-child .stepper-link {
	-webkit-clip-path: polygon(0% 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 0% 100%);
	margin-left: 0px;
}

.stepper-item:last-child .stepper-link {
	-webkit-clip-path: polygon(15px 50%, 0% 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 0% 100%);
}

/* STEPS WIZARD TABS CSS END */

.rotate {
	transform: rotate(-90deg);
	/* Safari */
	-webkit-transform: rotate(-90deg);
	/* Firefox */
	-moz-transform: rotate(-90deg);
	/* IE */
	-ms-transform: rotate(-90deg);
	/* Opera */
	-o-transform: rotate(-90deg);
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	margin-top: 80px;
	margin-bottom: 50px;
}

/*Validation*/
.custom-file-input:lang(en)~.custom-file-label::after {

	content: "Browse";

	background: #FFF;

	color: #8c8796;

	border-color: #dddcde;

}

/*Validation*/

.modal {

	position: fixed;

	top: 80px;

/*	padding-bottom: 80px;*/

}


.h-20 {

	height: 20% !important;

}


.w-100 {

	width: 100% !important;

}

.w100{
	width: 100px;
}

.w150 {

	width: 150px;

}

.w180 {

	max-width: 180px;

}

.w200 {

	width: 200px;

}

select:invalid {

	/*              border: 1px solid #a90329;*/

	position: relative;

}

/*

        input:invalid,.form-control1.custom-select1 {

            background:rgba(255,255,204,0.2)!important;

              position: relative;

            }

*/

.slide-item:before {

	content: '';

	margin-right: 8px;

	position: relative;

	font-family: 'feather' !important;

	opacity: 0.6;

}

.triangle-left,

.triangle-right,

.triangle-top,

.triangle-bottom {

	width: 0;

	height: 0;

	margin: 30px auto;

}

.triangle-left,

.triangle-right {

	border-top:

		18px solid transparent;

	border-bottom:

		18px solid transparent;





}

.triangle-top,

.triangle-bottom {

	border-left:

		18px solid transparent;

	border-right:

		18px solid transparent;





}



.triangle-right {

	border-left:

		30px solid black;

}

.triangle-left {

	border-right:

		30px solid black;

}

.triangle-top {

	border-bottom:

		30px solid black;

}

.triangle-bottom {

	border-top:

		30px solid black;

}



.resp-vtabs li.active:before,
.resp-vtabs .resp-tabs-list li:before {

	width: 0;

	height: 0;

	border-top: 10px solid transparent;

	border-bottom: 10px solid transparent;

	border-right: 10px solid #e5e5e5;

	content: " ";

	position: absolute;

	bottom: 25px;

	left: 90%;

}

.first-sidemenu {



	background: #223155;



}

/*

.resp-vtabs .resp-tabs-list li {



    background-color: #223155 !important;

    border: 1px solid #34446a !important;

    color: #fff;

    border-right: 1px solid #34446a !important;

}*/



.bg-primary {

	background: var(--primaryColor) !important
}

.text-primary {

	color: var(--primaryColor) !important
}

.bg-warning {

	background: #EF7F1A !important;

}

.text-warning {

	color: #EF7F1A !important;

}

.bg-success {

	background: #95C12B !important;

}

.text-success {

	color: #95C12B !important;

}

.bg-success-transparent {

	background-color: rgba(149, 193, 43, 0.1);

}

.bg-primary-transparent {

	background-color: rgb(0, 175, 238, 0.1) !important;

}

.bg-warning-transparent {

	background-color: rgba(245, 134, 52, 0.1) !important;

}

.bg-success-transparent {

	background-color: rgba(149, 193, 43, 0.1) !important;

}





.imp_input:after {

	content: " *";

	color: #e32;

	position: absolute;

	/*    margin-right-side: 0px 15px 15px 0px;*/

	padding: 0 5px 5px 2px;

}







.resp-vtabs .resp-tabs-list li:nth-child(2) {

	background: #EF7F1A !important;

}

.resp-vtabs li.resp-tab-active:nth-child(2) {



	background-image: linear-gradient(to right, #EF7F1A, #bf5b00) !important;

	color: #FFF !important;

}



.resp-vtabs .resp-tabs-list li:hover:nth-child(2) {

	color: #FFF !important;

}

.resp-vtabs .resp-tabs-list li:nth-child(3) {

	background: #00A0E3 !important;

}

.resp-vtabs li.resp-tab-active:nth-child(3) {



	background-image: linear-gradient(to right, #00A0E3, #027aac) !important;

	color: #FFF !important;

}

.resp-vtabs .resp-tabs-list li:hover:nth-child(3) {

	color: #FFF !important;

}

.resp-vtabs .resp-tabs-list li:nth-child(4) {

	background: #95C12B !important;

}

.resp-vtabs li.resp-tab-active:nth-child(4) {



	background-image: linear-gradient(to right, #95C12B, #5f8700) !important;

	color: #FFF !important;

}

.resp-vtabs .resp-tabs-list li:hover:nth-child(4) {

	color: #FFF !important;

}



.navbar {
	/*box-shadow: 0 1px 2px 0px #8f8f90;*/
}

.padding-5 {

	padding: 5px !important;

}

.padding-10 {

	padding: 10px !important;

}

#sparks li:first-child {

	border-left: none;

	padding-left: 0;

}

#sparks li {

	overflow: inherit;

}

#sparks li {

	border-left: 1px dotted #c7c7c7;

	padding: 0 10px;

}

#sparks li {

	display: inline-block;

	max-height: 47px;

	overflow: hidden;

	text-align: left;

	box-sizing: content-box;

	-moz-box-sizing: content-box;

	-webkit-box-sizing: content-box;

}

.sparks-info {

	min-width: 70px;

}

#sparks {

	display: block;

	list-style: none;

	margin: 10px 0 0;

	padding: 0;

	text-align: right;

}

#sparks li h5 {

	color: #555;

	float: left;

	font-size: 11px;

	font-weight: 400;

	margin: 0px;

	padding: 0;

	border: none;

	text-transform: uppercase;

}

#sparks li span {

	color: #636363;

	display: block;

}

.sparks-info span {

	font-size: 18px;

	line-height: 20px;

	margin: 0;

	text-transform: none;

}

.w-100 {

	width: 100% !important;

}

.d-block {

	display: block !important;

}

img {

	vertical-align: middle;

	border-style: none;

}

.hd-btn {

	margin-top: -5px;

	margin-bottom: -5px;

}









.avatar-upload {

	position: relative;

	max-width: 330px;

	margin: 0px;

}

.avatar-upload .avatar-edit {

	position: absolute;

	right: 5px;

	z-index: 1;

	top: 5px;

}

.avatar-upload .avatar-edit input {

	display: none;

}

.avatar-upload .avatar-edit input+label {

	display: inline-block;

	width: 34px;

	height: 34px;

	margin-bottom: 0;

	border-radius: 100%;

	background: #FFFFFF;

	border: 1px solid transparent;

	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);

	cursor: pointer;

	font-weight: normal;

	transition: all 0.2s ease-in-out;

}

.avatar-upload .avatar-edit input+label:hover {

	background: #f1f1f1;

	border-color: #d6d6d6;

}

.avatar-upload .avatar-edit input+label:after {

	content: "\f040";

	font-family: 'FontAwesome';

	color: #757575;

	position: absolute;

	top: 10px;

	left: 0;

	right: 0;

	text-align: center;

	margin: auto;

}

.avatar-upload .avatar-preview {

	width: 300px;

	height: 50px;

	position: relative;

	border: 1px solid #F8F8F8;

	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);

}

.avatar-upload .avatar-preview>div {

	width: 100%;

	height: 100%;

	background-repeat: no-repeat;

	background-position: left;

	background-size: auto 50px;

}





td.empty-message {

	height: 300px;

	vertical-align: middle;

}



.btn-warning {

	background-color: #EF7F1A !important;

	border-color: #EF7F1A !important;

	color: #FFF !important;

}

.orgtheme.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {



	color: #FFF !important;

	background-color:var(--primaryColor) !important;

	border-color:var(--primaryColor) !important;

}

.SumoSelect>.CaptionCont>span.placeholder {

	color: #999;

	font-style: normal;

}

/* asfsa */

#stakeholdersGroup.media {}

.hiddenDiv {

	display: none;

	margin-left: -17px;

	margin-right: -17px;

	margin-bottom: -17px;

	padding: 0px 15px 15px 15px;



}

.col-width h4,
.col-width small {

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.col-width:hover {

	box-shadow: 3px 3px 3px #ccc;

}



.visibleDiv:hover+.hiddenDiv {

	display: block;

	position: absolute;

	background: #fff;

	border-right: 1px solid #e9f1f1;

	border-left: 1px solid #e9f1f1;

	border-bottom: 1px solid #e9f1f1;

	width: calc(50% - 23px);

	box-shadow: 3px 3px 3px #ccc;

	z-index: 111111;

}



tr.hide-table-padding td {

	padding: 0;

}

.tbl-collapse th {

	text-transform: uppercase;

	font-weight: normal;

	font-size: 12px;

}

.tbl-hd {

	text-transform: uppercase;

	font-weight: normal;

	font-size: 12px;

	width: 60px;

}

table.dataTable {

	margin-top: 0px !important;

	margin-bottom: 0px !important;
	
	border-radius: 4px;

}

tr.accordion-toggle {

	background: var(--primaryColor);

	color: #FFF;

}

tr.accordion-toggle.collapsed {

	background: #FFF;

	color: #000;

}

.panel-warning>.panel-heading {

	color: #fff;

	background-color: #EF7F1A !important;

	border-color: #EF7F1A !important;

}

.chat li {

	margin-bottom: 20px;

	padding: 20px;

	border: 1px solid #e9f1f1;

	background: #FFF;

}

.chat-widget .panel-body {

	overflow-y: scroll;

	height: 230px;

	width: 100%;

	border-bottom: 1px solid #e9f1f1;

}

.expand-button {

	position: relative;

}



.logo-upload {

	position: relative;

	max-width: 420px;

	margin: 0px;

}

.logo-upload .logo-edit {

	position: absolute;

	right: 5px;

	z-index: 1;

	top: 5px;

}

.logo-upload .logo-edit input {

	display: none;

}

.logo-upload .logo-edit input+label {

	display: inline-block;

	width: 34px;

	height: 34px;

	margin-bottom: 0;

	border-radius: 100%;

	background: #FFFFFF;

	border: 1px solid transparent;

	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);

	cursor: pointer;

	font-weight: normal;

	transition: all 0.2s ease-in-out;

}

.logo-upload .logo-edit input+label:hover {

	background: #f1f1f1;

	border-color: #d6d6d6;

}

.logo-upload .logo-edit input+label:after {

	content: "\f040";

	font-family: 'FontAwesome';

	color: #757575;

	position: absolute;

	top: 10px;

	left: 0;

	right: 0;

	text-align: center;

	margin: auto;

}

.logo-upload .logo-preview {

	width: 100%;

	height: 130px;

	position: relative;

	border: 1px solid #F8F8F8;

	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);

}

.logo-upload .logo-preview>div {

	width: 100%;

	height: 100%;

	background-repeat: no-repeat;

	background-position: left;

	background-size: auto 120px;

}



h4.hd {

	font-size: 1.185rem;

}



.accordion-toggle .expand-button:after {

	position: absolute;

	left: .75rem;

	top: 50%;

	transform: translate(0, -50%);

	content: '--';

	font-size: 18px;

	font-weight: 700;

}

.accordion-toggle.collapsed .expand-button:after {

	content: '+';

	font-size: 18px;

	font-weight: 700;

}



.btn-white {

	background: #FFF;

}

.btn-theme {

	background: var(--primaryColor);

	color: #FFF;

}

.btn-theme:hover {

	background: var(--primaryColor);;

	color: #fff;

}

.dropdown-item.active,
.dropdown-item:active {

	color: #FFF;

	text-decoration: none;

	/*background-color: #223155;*/

}



.bg-gray-light {

	background: #f9f9f9 !important;

}


.col-width {

	float: left;

	margin-right: 15px;

	margin-bottom: 15px;

	width: -moz-calc(50% - 15px);
	/* Firefox */

	width: -webkit-calc(50% - 15px);
	/* WebKit */

	width: -o-calc(50% - 15px);
	/* Opera */

	width: calc(50% - 15px);
	/* Standard */

}

.co-logo {

	width: 80px;

	height: 50px;

}



.filterSH {

	display: none;

}

.show {

	display: block;

}





.hide {

	-webkit-animation: fadeOut 150ms ease;

	animation: fadeOut 150ms ease;

	opacity: 0;

}



@-webkit-keyframes fadeOut {

	0% {

		opacity: 1;

	}

	100% {

		opacity: 0;

	}

}



@keyframes fadeOut {

	0% {

		opacity: 1;

	}

	100% {

		opacity: 0;

	}

}

.hide {

	display: none;

}



#controls {

	margin-bottom: 2rem;

}

#controls ul {

	list-style: none;

	padding: 1rem;

	margin: 0;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

}

#controls ul li {

	margin: 0;

	padding: 0.5rem;

	border: 1px solid #eee;

	cursor: pointer;

}

#controls ul li:hover {

	background: #eee;

}

@media (min-width: 400px) {

	#controls ul li {

		margin-right: 1rem;

		padding: 1rem;

	}

}

#controls ul .active {

	background: #444;

	color: white;

}

#controls ul .active:hover {

	color: #444;

}


.image {

	width: 100%;

	height: 50vh;

}



@media (min-width: 500px) {

	.image {

		width: 100%;

		height: 50vw;

	}

}

@media (min-width: 768px) {

	.image {

		width: 100%;

		height: 40vw;

	}

}

@media (min-width: 1368px) {

	.image {

		width: 100%;

		height: 20vw;

	}

}

.urban-1 {

	background: url(https://unsplash.it/1500?image=1075);

	background-position: center;

	background-size: cover;

	background-repeat: no-repeat;

}



.urban-2 {

	background: url(https://unsplash.it/1500?image=1067);

	background-position: center;

	background-size: cover;

	background-repeat: no-repeat;

}



.urban-3 {

	background: url(https://unsplash.it/1500?image=1033);

	background-position: center;

	background-size: cover;

	background-repeat: no-repeat;

}



.urban-4 {

	background: url(https://unsplash.it/1500?image=983);

	background-position: center;

	background-size: cover;

	background-repeat: no-repeat;

}



.landscape-1 {

	background: url(https://unsplash.it/1500?image=961);

	background-position: center;

	background-size: cover;

	background-repeat: no-repeat;

}



.landscape-2 {

	background: url(https://unsplash.it/1500?image=916);

	background-position: center;

	background-size: cover;

	background-repeat: no-repeat;

}



.landscape-3 {

	background: url(https://unsplash.it/1500?image=901);

	background-position: center;

	background-size: cover;

	background-repeat: no-repeat;

}



.landscape-4 {

	background: url(https://unsplash.it/1500?image=876);

	background-position: center;

	background-size: cover;

	background-repeat: no-repeat;

}



.portrait-1 {

	background: url(https://unsplash.it/1500?image=978);

	background-position: center;

	background-size: cover;

	background-repeat: no-repeat;

}



.portrait-2 {

	background: url(https://unsplash.it/1500?image=996);

	background-position: center;

	background-size: cover;

	background-repeat: no-repeat;

}



.portrait-3 {

	background: url(https://unsplash.it/1500?image=1027);

	background-position: center;

	background-size: cover;

	background-repeat: no-repeat;

}



.portrait-4 {

	background: url(https://unsplash.it/1500?image=838);

	background-position: center;

	background-size: cover;

	background-repeat: no-repeat;

}





#map {

	width: 100%;

	height: 100%;

	z-index: 100;

}

#mapSearchContainer {

	position: fixed;

	top: 20px;

	right: 40px;

	height: 30px;

	width: 180px;

	z-index: 110;

	font-size: 10pt;

	color: #5d5d5d;

	border: solid 1px #bbb;

	background-color: #f8f8f8;

}

.pointer {

	position: absolute;

	top: 86px;

	left: 60px;

	z-index: 99999;

}



.optgroup {

	background: #eee;

	padding-top: 5px;

	padding-bottom: 5px;

}

.ms-choice>span {

	position: inherit;

	text-align: left;
	
	width:110px

}



.sdg-goals {

	/* position: absolute;

   

    bottom: 0;

    left: 0; 

    z-index: 15;*/

	display: -ms-flexbox;

	display: flex;

	/*  -ms-flex-pack: center;

    justify-content: center; */

	padding-left: 0;

	/*   margin-right: 15%;

    margin-left: 15%; */

	list-style: none;

	align-items: center;

	justify-content: center;



}

.icons {

	padding-left: 30px;

}

.sdg-goals .nav-link {

	padding: 0px;

	margin: 0px;

}

.nav.sdg-goals {

	flex-wrap: nowrap;

}

.nav.sdg-goals .nav-link.active:before {

	width: 0;

	height: 0;

	border-right: 10px solid transparent;

	border-left: 10px solid transparent;

	border-top: 10px solid #000000;

	content: " ";

	position: absolute;

	bottom: 35px;

	top: -10px;

	left: 30%;

}

.sdg-goals li {

	/*  box-sizing: content-box;

    -ms-flex: 0 1 auto;

    flex: 0 1 auto;*/



	max-width: 50px;

	/* width: 50px;

      height:50px;*/

	margin-right: 3px;

	margin-left: 3px;

	/*   text-indent: -999px;*/

	cursor: pointer;

	background-color: #fff;

	background-clip: padding-box;

	border-top: 5px solid transparent;

	border-bottom: 5px solid transparent;

	/*  opacity: .5;

    transition: opacity .6s ease;  */

}


.tabcontent {

	display: none;

}

.tabcontent p {

	margin: 0;

	font-size: 16px;

}

.tablinks a {

	color: #ccc;

}

.tablinks.active,
.tablinks.active a {

	background: #FFF;

	color: #8645ff;

}

.font-14 {

	font-size: 14px !important;

}

.font-12 {

	font-size: 12px !important;

}

.font-16 {

	font-size: 16px !important;

}

.indexlayer {

	z-index: 111;

}

.border-radius {

	border-radius: 0rem !important;

}



#sdgs-list .list-group-item,
#sdgs-list01 .list-group-item,
#sdgs-list02 .list-group-item,
#sdgs-list03 .list-group-item,
#sdgs-list04 .list-group-item {

	padding: .1rem .2rem !important;

	line-height: 1.3em;

}

#sdgs-list .list-group-item.active {

	background: #223155;

	border-color: #223155;

}

#sdgs-list .list-group-item img {

	width: 50px;

	height: 50px;

	margin-right: 15px;

}

#sdgs-list01 .list-group-item img {

	width: 50px;

	height: 50px;

	margin-right: 15px;

}

#sdgs-list02 .list-group-item img {

	width: 50px;

	height: 50px;

	margin-right: 15px;

}

#sdgs-list03 .list-group-item img {

	width: 50px;

	height: 50px;

	margin-right: 15px;

}

input[type=checkbox].goals-checkbox {

	margin: 15px;

}

#messages-main img {

	height: inherit;

	width: inherit;

}

#sdgs-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

	background: #999 !important;

}

#sdgs-list .mCSB_scrollTools {

	opacity: 0.25;

}

#sdgs-list .mCSB_inside>.mCSB_container {

	margin-right: 0px;

}

.border-radius-top {

	border-top-left-radius: 0rem !important;

	border-top-right-radius: 0rem !important;

}

#selGoals li.nav-item>.nav-link {

	color: #666;

	line-height: 2;

	z-index: 111;

}

.nav-tabs .nav-item .nav-link {

	color: #666;

}

#selGoals li.nav-item>.active {

	color: #fff !important;

}


#GroupCo .accordion .accordion-header h4 {

	margin: 0;

	font-size: 16px;

}

/*.nav-tabs .nav-item.show .nav-link,*/
/*.nav-tabs .nav-link.active {*/
/*	border-color: var(--primaryColor) var(--primaryColor) #fff !important;*/
/*}*/

.placeholder {

	background: inherit;

	border: 1px solid #FFF;

	height: inherit;

	width: inherit;

}



/* Pic Upload */



.pic-upload {

	position: relative;

	max-width: 420px;

	margin: 0px;

}

.pic-upload .pic-edit {

	position: absolute;

	right: 5px;

	z-index: 1;

	top: 5px;

}

.pic-upload .pic-edit input {

	display: none;

}

.pic-upload .pic-edit input+label {

	display: inline-block;

	width: 34px;

	height: 34px;

	margin-bottom: 0;

	border-radius: 100%;

	background: #FFFFFF;

	border: 1px solid transparent;

	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);

	cursor: pointer;

	font-weight: normal;

	transition: all 0.2s ease-in-out;

}

.pic-upload .pic-edit input+label:hover {

	background: #f1f1f1;

	border-color: #d6d6d6;

}

.pic-upload .pic-edit input+label:after {

	content: "\f040";

	font-family: 'FontAwesome';

	color: #757575;

	position: absolute;

	top: 10px;

	left: 0;

	right: 0;

	text-align: center;

	margin: auto;

}

.pic-upload .pic-preview {

	width: 100%;

	height: 130px;

	position: relative;

	border: 1px solid #F8F8F8;

	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);

}

.pic-upload .pic-preview>div {

	width: 100%;

	height: 100%;

	background-repeat: no-repeat;

	background-position: left;

	background-size: auto 120px;

}

/* Pic Upload End */
.goog-tooltip {
	z-index: 1000 !important;
}


.active-topmenu {
	border-bottom: 3px solid var(--primaryColor);
	cursor: pointer;
}

menu-item {
	border-radius: 0;
}


/* Nav design as per v3 ui */
:root {
	--theme: var(--primaryColor);
	--nav-header-height: 40px;
	--lightShade: color-mix(in srgb, var(--primaryColor) 32%, white 21%);
	--lighterShade: color-mix(in srgb, var(--primaryColor) 15%, white 88%);
	--lightestShade: color-mix(in srgb, var(--primaryColor) 4%, white 88%);
}

.navbar-header {
	height: auto;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 112;
}
.navbar-menu {
    position: fixed;
    top: calc(1px * var(--header-original-height));
    left: 0 !important;
    background-color: var(--white) !important;
   /* box-shadow: 5px 4px 4px rgba(168, 168, 168, 0.11) !important;*/
   box-shadow: 0px 8px 6px 0px #64166333;
    width: 100% !important;
    height: 2.38rem !important;
    z-index: 1;
}
.main-wrapper {
	position: absolute;
	top: calc(1px * (var(--header-original-height) + var(--menu-original-height)));
    width: 100%;
    /*overflow: auto;*/
    height: calc(100% - 1px * (var(--header-original-height) + var(--menu-original-height)));
}

.active-topmenu {
	border-bottom: 3px solid var(--theme);
	cursor: pointer;
}

.navbar-menu .navbar-nav .nav-link {
	color: rgba(0, 0, 0, .5) !important;
}

.nav-link:hover,
.nav-link:hover span {
	color: dimgray;
}

/* width */
::-webkit-scrollbar {
	width: 7px;
	height: 7px;
}

/* Track */
::-webkit-scrollbar-track {
	background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #aaa;
	border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #555;
}

.navbar {
	background: var(--primaryColor);
	line-height: inherit;
	white-space: nowrap;
	margin-top: 0px !important;
	z-index: 1000;
}

.navbar-brand {
	display: inline-block;
	padding-top: 0.3125rem;
	padding-bottom: 0.3125rem;
	margin-right: 1rem;
	font-size: 1.25rem;
	line-height: inherit;
	white-space: nowrap;
	margin-top: 0px !important;
}
.navicon{
font-size: x-large;
color:#00A0E3;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.navbar-expand-sm .navbar-collapse {
		flex-grow: 0;
		background-color: transparent !important;
		box-shadow: none !important;
		display: flex !important;
		flex-basis: auto !important;
	}

	.navbar-expand-sm .navbar-collapse .nav-link>em {
		color: white;
	}

	.navbar {
		height: var(--nav-header-height) !important;
	}

	.navbar-expand-sm .navbar-toggler {
		display: none;
	}
}

@media (max-width: 576px) {
	.navbar-menu ul.navbar-nav {
		flex-direction: column;
		margin-left: auto;
		overflow-y: auto;
		align-items: center;
		margin-left: 0;
	}

	.navbar-menu:has(div.show) {
		display: flex !important;
		z-index: 10 !important;
		margin-top: 53px !important;
	}

	.navbar {
		margin-top: 0px !important;
	}
}


#mainContainer {
	padding: 0 !important;
}

/*#mainContainer .card:nth-child(1) {*/
/*	margin: 0 !important;*/
/*}*/

.navbar-header>div,
.navbar-header>div>div,
.navbar-header>div>ul>li {
	padding: 0 7px;
}

.navbar-menu ul li.nav-item {
	margin: 0 8px;
}

/*For Laptop & Desktop*/
.sidebar.sidebar-left {
	width: 15%;
}

/*For Tablet*/
@media (max-width: 1024px) {
	.sidebar.sidebar-left {
		width: 50%;
	}

	.dropdown-menu {
		position: absolute;
		max-height: calc(100vh - 100px) !important;
	}
}

/*For Phone*/
@media (max-width: 768px) {
	.sidebar.sidebar-left {
		width: 50% !important;
	}

	.dropdown-menu {
		position: fixed !important;
		max-height: calc(100vh - 200px) !important;
	}
}

.dropdown-menu {
	max-height: calc(100vh - 100px);
}

.bg-light {
	background-color: #f8f9fa !important;
}

@media (max-width: 768px) {
	.dropdown-menu {
		position: fixed !important;
		max-height: calc(100vh - 200px) !important;
		right: 62px !important;
	}
}

.dropdown-menu {
	border: none;
	-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .15);
	box-shadow: 0 0 25px rgba(0, 0, 0, .15);
	/* width: auto; */
	top: auto;
	padding: 0px!important;
}

.dropdown-item.active,
.dropdown-item:active {
	color: #fff;
	text-decoration: none;
	background-color: var(--primaryColor) !important;
}

.active-topmenu {
	border-bottom: 3px solid var(--primaryColor) !important;
	cursor: pointer;
}

.dropdown-item:focus,
.dropdown-item:hover {
	background: var(--secondaryColor) !important;
}

.active-product {
	background-color: #faefd1 !important;
}

.dropdown-toggle::after {
	content: none !important;
}

.navbar {
	/*box-shadow: 0 2px 17px 2px rgb(194, 186, 210, 0.2) !important;*/
}

/*em {
	font-style: normal;
	color: red;
	font-size: 11px;
}
*/
.was-validated .form-control:invalid {
	border-color: #dc3545 !important;
	padding-right: calc(1.5em + 0.75rem);
	background-image: none !important;
	background-repeat: no-repeat;
	background-position: center right calc(0.375em + 0.1875rem);
	background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:valid {
	border-color: #dddcde !important;
	padding-right: calc(1.5em + 0.75rem);
	background-image: none !important;
	background-repeat: no-repeat;
	background-position: center right calc(0.375em + 0.1875rem);
	background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.no-sort::after {
	display: none !important;
}

.no-sort::before {
	display: none !important;
}

.no-sort {
	pointer-events: none !important;
	cursor: default !important;
}

.ulTab {
	overflow: hidden;
	background-color: #fff;
	padding-bottom: 10px;
	padding-top: 10px;
	border-radius: 0px !important;
}

.ulTab>li.active>a,
.ulTab>li.active>a:focus,
.ulTab>li.active>a:hover,
.ulTab>li>a.active,
.ulTab>li>a.active:focus,
.ulTab>li>a.active:hover {
	background: #00a0e3 !important;
	color: #fff !important;
	border-radius: 4px !important;
}

.ulTab>li>a {
	background-color: #eeec;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 7px 16px;
	transition: 0.3s;
	font-size: 12px;
	color: #5b5b5b !important;
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^="top"] .arrow::before {
	border-top-color: #f5f5f5 !important;
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^="right"] .arrow::before {
	border-right-color: #f5f5f5 !important;
}


.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
	border-bottom-color: #f5f5f5 !important;
}


.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^="left"] .arrow::before {
	border-left-color: #f5f5f5 !important;
}

.pulseWarning {
	display: none !important;
}




@media (max-width: 914px) {
	.searchdetails {
		/*text-align:center;*/
		margin-top: 20px;
		margin-left: 110px;

	}


}

@media (max-width: 914px) {
	.mcaSearch {
		/*text-align:center;*/
		margin-top: 29px;
		margin-left: 24px;

	}


}

@media (max-width: 914px) {
	.projectFilter {
		display: flex;
		list-style: none;
		flex-wrap: unset !important;

	}


}

@media (max-width: 768px) {
	.navproject {
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding-left: 0;
		margin-bottom: 0;
		list-style: none;
	}
}

.header {
	border-bottom: none !important;
    display: flex;
    align-content: space-between;
    align-items: flex-end;

}