/*@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@300;400;500;600;700&display=swap');

body {
	background-color: #F2F5F7;
	font-family: 'Public Sans', sans-serif;
}

#background-wrap {
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: -1;
}

/*.main-header.navbar + .main-header.navbar {display: none;}*/

/* KEYFRAMES */
@-webkit-keyframes animateBubble {
	% {
		top: 100%;
	}

	100% {
		top: 0%;
	}
}

@-moz-keyframes animateBubble {
	0% {
		top: 100%;
	}

	100% {
		top: 0%;
	}
}

@keyframes animateBubble {
	0% {
		top: 100%;
	}

	100% {
		top: 0%;
	}
}

@-webkit-keyframes sideWays {
	0% {
		margin-left: 0px;
	}

	100% {
		margin-left: 50px;
	}
}

@-moz-keyframes sideWays {
	0% {
		margin-left: 0px;
	}

	100% {
		margin-left: 50px;
	}
}

@keyframes sideWays {
	0% {
		margin-left: 0px;
	}

	100% {
		margin-left: 50px;
	}
}

/* ANIMATIONS */
.x1 {
	-webkit-animation: animateBubble 60s linear infinite, sideWays 11s ease-in-out infinite alternate;
	-moz-animation: animateBubble 60s linear infinite, sideWays 11s ease-in-out infinite alternate;
	animation: animateBubble 60s linear infinite, sideWays 11s ease-in-out infinite alternate;
	left: -5%;
	top: 5%;
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6);
}

.x2 {
	-webkit-animation: animateBubble 40s linear infinite, sideWays 9s ease-in-out infinite alternate;
	-moz-animation: animateBubble 40s linear infinite, sideWays 9s ease-in-out infinite alternate;
	animation: animateBubble 40s linear infinite, sideWays 9s ease-in-out infinite alternate;
	left: 5%;
	top: 80%;
	-webkit-transform: scale(0.4);
	-moz-transform: scale(0.4);
	transform: scale(0.4);
	background: rgba(220, 14, 125, 1);
	background: -moz-linear-gradient(left, rgba(220, 14, 125, 1) 0%, rgba(220, 14, 125, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(220, 14, 125, 1)), color-stop(100%, rgba(220, 14, 125, 1)));
	background: -webkit-linear-gradient(left, rgba(220, 14, 125, 1) 0%, rgba(220, 14, 125, 1) 100%);
	background: -o-linear-gradient(left, rgba(220, 14, 125, 1) 0%, rgba(220, 14, 125, 1) 100%);
	background: -ms-linear-gradient(left, rgba(220, 14, 125, 1) 0%, rgba(220, 14, 125, 1) 100%);
	background: linear-gradient(to right, rgba(220, 14, 125, 1) 0%, rgba(220, 14, 125, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9bbcd6', endColorstr='#9bbcd6', GradientType=1);
}

.x3 {
	-webkit-animation: animateBubble 92s linear infinite, sideWays 6s ease-in-out infinite alternate;
	-moz-animation: animateBubble 92s linear infinite, sideWays 6s ease-in-out infinite alternate;
	animation: animateBubble 92s linear infinite, sideWays 6s ease-in-out infinite alternate;
	left: 10%;
	top: 40%;
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	transform: scale(0.7);
	background: rgba(252, 177, 22, 1);
	background: -moz-linear-gradient(left, rgba(117, 189, 209, 1) 0%, rgba(65, 91, 119, 1) 0%, rgba(117, 147, 174, 1) 58%, rgba(124, 154, 181, 1) 65%, rgba(155, 188, 214, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(117, 189, 209, 1)), color-stop(0%, rgba(65, 91, 119, 1)), color-stop(58%, rgba(117, 147, 174, 1)), color-stop(65%, rgba(124, 154, 181, 1)), color-stop(100%, rgba(155, 188, 214, 1)));
	background: -webkit-linear-gradient(left, rgba(117, 189, 209, 1) 0%, rgba(65, 91, 119, 1) 0%, rgba(117, 147, 174, 1) 58%, rgba(124, 154, 181, 1) 65%, rgba(155, 188, 214, 1) 100%);
	background: -o-linear-gradient(left, rgba(117, 189, 209, 1) 0%, rgba(65, 91, 119, 1) 0%, rgba(117, 147, 174, 1) 58%, rgba(124, 154, 181, 1) 65%, rgba(155, 188, 214, 1) 100%);
	background: -ms-linear-gradient(left, rgba(117, 189, 209, 1) 0%, rgba(65, 91, 119, 1) 0%, rgba(117, 147, 174, 1) 58%, rgba(124, 154, 181, 1) 65%, rgba(155, 188, 214, 1) 100%);
	background: linear-gradient(to right, rgba(252, 177, 22, 1) 0%, rgba(252, 177, 22, 0.9) 0%, rgba(252, 177, 22, 0.8) 58%, rgba(252, 177, 22, 0.7) 65%, rgba(252, 177, 22, 0.6) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#75bdd1', endColorstr='#9bbcd6', GradientType=1);
}

.x4 {
	-webkit-animation: animateBubble 48s linear infinite, sideWays 7s ease-in-out infinite alternate;
	-moz-animation: animateBubble 48s linear infinite, sideWays 7s ease-in-out infinite alternate;
	animation: animateBubble 48s linear infinite, sideWays 7s ease-in-out infinite alternate;
	left: 20%;
	top: 0;
	-webkit-transform: scale(0.3);
	-moz-transform: scale(0.3);
	transform: scale(0.3);
	background: rgba(73, 165, 191, 1);
	background: -moz-linear-gradient(left, rgba(73, 165, 191, 1) 0%, rgba(117, 189, 209, 1) 59%, rgba(147, 206, 222, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73, 165, 191, 1)), color-stop(59%, rgba(117, 189, 209, 1)), color-stop(100%, rgba(147, 206, 222, 1)));
	background: -webkit-linear-gradient(left, rgba(73, 165, 191, 1) 0%, rgba(117, 189, 209, 1) 59%, rgba(147, 206, 222, 1) 100%);
	background: -o-linear-gradient(left, rgba(73, 165, 191, 1) 0%, rgba(117, 189, 209, 1) 59%, rgba(147, 206, 222, 1) 100%);
	background: -ms-linear-gradient(left, rgba(73, 165, 191, 1) 0%, rgba(117, 189, 209, 1) 59%, rgba(147, 206, 222, 1) 100%);
	background: linear-gradient(to right, rgba(73, 165, 191, 1) 0%, rgba(117, 189, 209, 1) 59%, rgba(147, 206, 222, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#49a5bf', endColorstr='#93cede', GradientType=1);
}

.x5 {
	-webkit-animation: animateBubble 96s linear infinite, sideWays 8s ease-in-out infinite alternate;
	-moz-animation: animateBubble 96s linear infinite, sideWays 8s ease-in-out infinite alternate;
	animation: animateBubble 96s linear infinite, sideWays 8s ease-in-out infinite alternate;
	left: 30%;
	top: 50%;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	transform: scale(0.5);
	background: rgba(163, 177, 102, 1);
	background: -moz-linear-gradient(left, rgba(163, 177, 102, 1) 0%, rgba(163, 177, 102, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(163, 177, 102, 1)), color-stop(100%, rgba(163, 177, 102, 1)));
	background: -webkit-linear-gradient(left, rgba(155, 177, 102, 1) 0%, rgba(163, 177, 102, 1) 100%);
	background: -o-linear-gradient(left, rgba(163, 177, 102, 1) 0%, rgba(163, 177, 102, 1) 100%);
	background: -ms-linear-gradient(left, rgba(163, 177, 102, 1) 0%, rgba(163, 177, 102, 1) 100%);
	background: linear-gradient(to right, rgba(163, 177, 102, 1) 0%, rgba(163, 177, 102, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9bbcd6', endColorstr='#9bbcd6', GradientType=1);
}

.x6 {
	-webkit-animation: animateBubble 44s linear infinite, sideWays 4s ease-in-out infinite alternate;
	-moz-animation: animateBubble 44s linear infinite, sideWays 4s ease-in-out infinite alternate;
	animation: animateBubble 44s linear infinite, sideWays 4s ease-in-out infinite alternate;
	left: 50%;
	top: 0;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	transform: scale(0.8);
	background: linear-gradient(to right, rgba(139, 97, 129, 1) 0%, rgba(139, 97, 129, 1) 100%);
	background: rgba(139, 97, 214, 1);
	background: -moz-linear-gradient(left, rgba(139, 97, 214, 1) 0%, rgba(139, 97, 214, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(139, 97, 214, 1)), color-stop(100%, rgba(139, 97, 214, 1)));
	background: -webkit-linear-gradient(left, rgba(139, 97, 214, 1) 0%, rgba(139, 97, 214, 1) 100%);
	background: -o-linear-gradient(left, rgba(139, 97, 214, 1) 0%, rgba(139, 97, 214, 1) 100%);
	background: -ms-linear-gradient(left, rgba(139, 97, 214, 1) 0%, rgba(139, 97, 214, 1) 100%);
	background: linear-gradient(to right, rgba(139, 97, 214, 1) 0%, rgba(139, 97, 214, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9bbcd6', endColorstr='#9bbcd6', GradientType=1);
}

.x7 {
	-webkit-animation: animateBubble 40s linear infinite, sideWays 5s ease-in-out infinite alternate;
	-moz-animation: animateBubble 40s linear infinite, sideWays 5s ease-in-out infinite alternate;
	animation: animateBubble 40s linear infinite, sideWays 5s ease-in-out infinite alternate;
	left: 65%;
	top: 70%;
	-webkit-transform: scale(0.4);
	-moz-transform: scale(0.4);
	transform: scale(0.4);
	background: rgba(73, 165, 191, 1);
	background: -moz-linear-gradient(left, rgba(73, 165, 191, 1) 0%, rgba(117, 189, 209, 1) 59%, rgba(147, 206, 222, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73, 165, 191, 1)), color-stop(59%, rgba(117, 189, 209, 1)), color-stop(100%, rgba(147, 206, 222, 1)));
	background: -webkit-linear-gradient(left, rgba(73, 165, 191, 1) 0%, rgba(117, 189, 209, 1) 59%, rgba(147, 206, 222, 1) 100%);
	background: -o-linear-gradient(left, rgba(73, 165, 191, 1) 0%, rgba(117, 189, 209, 1) 59%, rgba(147, 206, 222, 1) 100%);
	background: -ms-linear-gradient(left, rgba(73, 165, 191, 1) 0%, rgba(117, 189, 209, 1) 59%, rgba(147, 206, 222, 1) 100%);
	background: linear-gradient(to right, rgba(73, 165, 191, 1) 0%, rgba(117, 189, 209, 1) 59%, rgba(147, 206, 222, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#49a5bf', endColorstr='#93cede', GradientType=1);
}

.x8 {
	-webkit-animation: animateBubble 48s linear infinite, sideWays 7s ease-in-out infinite alternate;
	-moz-animation: animateBubble 48s linear infinite, sideWays 7s ease-in-out infinite alternate;
	animation: animateBubble 48s linear infinite, sideWays 7s ease-in-out infinite alternate;
	left: 80%;
	top: 10%;
	-webkit-transform: scale(0.3);
	-moz-transform: scale(0.3);
	transform: scale(0.3);
	background: rgba(179, 124, 165, 1);
	background: -moz-linear-gradient(left, rgba(179, 124, 165, 1) 0%, rgba(179, 124, 165, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(179, 124, 165, 1)), color-stop(100%, rgba(179, 124, 165, 1)));
	background: -webkit-linear-gradient(left, rgba(179, 124, 165, 1) 0%, rgba(179, 124, 165, 1) 100%);
	background: -o-linear-gradient(left, rgba(179, 124, 165, 1) 0%, rgba(179, 124, 165, 1) 100%);
	background: -ms-linear-gradient(left, rgba(179, 124, 165, 1) 0%, rgba(179, 124, 165, 1) 100%);
	background: linear-gradient(to right, rgba(179, 124, 165, 1) 0%, rgba(179, 124, 165, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9bbcd6', endColorstr='#9bbcd6', GradientType=1);
}

.x9 {
	-webkit-animation: animateBubble 40s linear infinite, sideWays 9s ease-in-out infinite alternate;
	-moz-animation: animateBubble 40s linear infinite, sideWays 9s ease-in-out infinite alternate;
	animation: animateBubble 40s linear infinite, sideWays 9s ease-in-out infinite alternate;
	left: 90%;
	top: 50%;
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6);
	background: rgba(220, 14, 125, 1);
	background: -moz-linear-gradient(left, rgba(220, 14, 125, 1) 0%, rgba(65, 91, 119, 1) 0%, rgba(117, 147, 174, 1) 58%, rgba(124, 154, 181, 1) 65%, rgba(155, 188, 214, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(220, 14, 125, 1)), color-stop(0%, rgba(65, 91, 119, 1)), color-stop(58%, rgba(220, 147, 174, 1)), color-stop(65%, rgba(124, 154, 181, 1)), color-stop(100%, rgba(155, 188, 214, 1)));
	background: -webkit-linear-gradient(left, rgba(220, 14, 125, 1) 0%, rgba(65, 91, 119, 1) 0%, rgba(117, 147, 174, 1) 58%, rgba(124, 154, 181, 1) 65%, rgba(155, 188, 214, 1) 100%);
	background: -o-linear-gradient(left, rgba(220, 14, 125, 1) 0%, rgba(65, 91, 119, 1) 0%, rgba(117, 147, 174, 1) 58%, rgba(124, 154, 181, 1) 65%, rgba(155, 188, 214, 1) 100%);
	background: -ms-linear-gradient(left, rgba(220, 14, 125, 1) 0%, rgba(65, 91, 119, 1) 0%, rgba(117, 147, 174, 1) 58%, rgba(124, 154, 181, 1) 65%, rgba(155, 188, 214, 1) 100%);
	background: linear-gradient(to right, rgba(220, 14, 125, 1) 0%, rgba(220, 14, 125, 1) 0%, rgba(220, 14, 125, 1) 58%, rgba(220, 14, 125, 0.9) 65%, rgba(220, 14, 125, 0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#75bdd1', endColorstr='#9bbcd6', GradientType=1);
}

.x10 {
	-webkit-animation: animateBubble 64s linear infinite, sideWays 5s ease-in-out infinite alternate;
	-moz-animation: animateBubble 64s linear infinite, sideWays 5s ease-in-out infinite alternate;
	animation: animateBubble 64s linear infinite, sideWays 5s ease-in-out infinite alternate;
	left: 80%;
	top: 80%;
	-webkit-transform: scale(0.3);
	-moz-transform: scale(0.3);
	transform: scale(0.3);
	background: rgba(73, 165, 191, 1);
	background: -moz-linear-gradient(left, rgba(73, 165, 191, 1) 0%, rgba(117, 189, 209, 1) 59%, rgba(147, 206, 222, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73, 165, 191, 1)), color-stop(59%, rgba(117, 189, 209, 1)), color-stop(100%, rgba(147, 206, 222, 1)));
	background: -webkit-linear-gradient(left, rgba(73, 165, 191, 1) 0%, rgba(117, 189, 209, 1) 59%, rgba(147, 206, 222, 1) 100%);
	background: -o-linear-gradient(left, rgba(73, 165, 191, 1) 0%, rgba(117, 189, 209, 1) 59%, rgba(147, 206, 222, 1) 100%);
	background: -ms-linear-gradient(left, rgba(73, 165, 191, 1) 0%, rgba(117, 189, 209, 1) 59%, rgba(147, 206, 222, 1) 100%);
	background: linear-gradient(to right, rgba(73, 165, 191, 1) 0%, rgba(117, 189, 209, 1) 59%, rgba(147, 206, 222, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#49a5bf', endColorstr='#93cede', GradientType=1);
}

/* OBJECTS */
.bubble {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	height: 50px;
	position: absolute;
	width: 50px;
}

.bubble:after {
	background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 70%);
	/* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(70%, rgba(255, 255, 255, 0)));
	/* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 70%);
	/* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 70%);
	/* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 70%);
	/* IE10+ */
	background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 70%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	content: "";
	height: 180px;
	left: 10px;
	position: absolute;
	width: 180px;
}

.bell {
	/ display: block;/-webkit-animation: ring 4s .7s ease-in-out infinite;
	-webkit-transform-origin: 50% 4px;
	-moz-animation: ring 4s .7s ease-in-out infinite;
	-moz-transform-origin: 50% 4px;
	animation: ring 4s .7s ease-in-out infinite;
	transform-origin: 50% 4px;
}

.bg-lavender {
	background-color: #bb6cdf !important;
}

@-webkit-keyframes ring {
	0% {
		-webkit-transform: rotateZ(0);
	}

	1% {
		-webkit-transform: rotateZ(30deg);
	}

	3% {
		-webkit-transform: rotateZ(-28deg);
	}

	5% {
		-webkit-transform: rotateZ(34deg);
	}

	7% {
		-webkit-transform: rotateZ(-32deg);
	}

	9% {
		-webkit-transform: rotateZ(30deg);
	}

	11% {
		-webkit-transform: rotateZ(-28deg);
	}

	13% {
		-webkit-transform: rotateZ(26deg);
	}

	15% {
		-webkit-transform: rotateZ(-24deg);
	}

	17% {
		-webkit-transform: rotateZ(22deg);
	}

	19% {
		-webkit-transform: rotateZ(-20deg);
	}

	21% {
		-webkit-transform: rotateZ(18deg);
	}

	23% {
		-webkit-transform: rotateZ(-16deg);
	}

	25% {
		-webkit-transform: rotateZ(14deg);
	}

	27% {
		-webkit-transform: rotateZ(-12deg);
	}

	29% {
		-webkit-transform: rotateZ(10deg);
	}

	31% {
		-webkit-transform: rotateZ(-8deg);
	}

	33% {
		-webkit-transform: rotateZ(6deg);
	}

	35% {
		-webkit-transform: rotateZ(-4deg);
	}

	37% {
		-webkit-transform: rotateZ(2deg);
	}

	39% {
		-webkit-transform: rotateZ(-1deg);
	}

	41% {
		-webkit-transform: rotateZ(1deg);
	}

	43% {
		-webkit-transform: rotateZ(0);
	}

	100% {
		-webkit-transform: rotateZ(0);
	}
}

@-moz-keyframes ring {
	0% {
		-moz-transform: rotate(0);
	}

	1% {
		-moz-transform: rotate(30deg);
	}

	3% {
		-moz-transform: rotate(-28deg);
	}

	5% {
		-moz-transform: rotate(34deg);
	}

	7% {
		-moz-transform: rotate(-32deg);
	}

	9% {
		-moz-transform: rotate(30deg);
	}

	11% {
		-moz-transform: rotate(-28deg);
	}

	13% {
		-moz-transform: rotate(26deg);
	}

	15% {
		-moz-transform: rotate(-24deg);
	}

	17% {
		-moz-transform: rotate(22deg);
	}

	19% {
		-moz-transform: rotate(-20deg);
	}

	21% {
		-moz-transform: rotate(18deg);
	}

	23% {
		-moz-transform: rotate(-16deg);
	}

	25% {
		-moz-transform: rotate(14deg);
	}

	27% {
		-moz-transform: rotate(-12deg);
	}

	29% {
		-moz-transform: rotate(10deg);
	}

	31% {
		-moz-transform: rotate(-8deg);
	}

	33% {
		-moz-transform: rotate(6deg);
	}

	35% {
		-moz-transform: rotate(-4deg);
	}

	37% {
		-moz-transform: rotate(2deg);
	}

	39% {
		-moz-transform: rotate(-1deg);
	}

	41% {
		-moz-transform: rotate(1deg);
	}

	43% {
		-moz-transform: rotate(0);
	}

	100% {
		-moz-transform: rotate(0);
	}
}

@keyframes ring {
	0% {
		transform: rotate(0);
	}

	1% {
		transform: rotate(30deg);
	}

	3% {
		transform: rotate(-28deg);
	}

	5% {
		transform: rotate(34deg);
	}

	7% {
		transform: rotate(-32deg);
	}

	9% {
		transform: rotate(30deg);
	}

	11% {
		transform: rotate(-28deg);
	}

	13% {
		transform: rotate(26deg);
	}

	15% {
		transform: rotate(-24deg);
	}

	17% {
		transform: rotate(22deg);
	}

	19% {
		transform: rotate(-20deg);
	}

	21% {
		transform: rotate(18deg);
	}

	23% {
		transform: rotate(-16deg);
	}

	25% {
		transform: rotate(14deg);
	}

	27% {
		transform: rotate(-12deg);
	}

	29% {
		transform: rotate(10deg);
	}

	31% {
		transform: rotate(-8deg);
	}

	33% {
		transform: rotate(6deg);
	}

	35% {
		transform: rotate(-4deg);
	}

	37% {
		transform: rotate(2deg);
	}

	39% {
		transform: rotate(-1deg);
	}

	41% {
		transform: rotate(1deg);
	}

	43% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(0);
	}
}

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

/* Login page design */
.login-page,
.register-page {
	background-color: #F2F5F7;
}

.login-box,
.register-box {
	width: 100%;
	max-width: 425px;
}

.login-box h1,
.register-box h1 {
	font-size: 28px;
}

.login-box p,
.register-box p,
.login-box a,
.register-box a {
	font-size: 14px;
}

.login-box .card,
.register-box .card {
	border: none;
	box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 16%);
	border-radius: 5px;
	overflow: hidden;
}

.login-box .card-header,
.register-box .card-header {
	background-color: #F6F6F6;
	padding: 15px;
	border: none;
}

.login-box .card-header img,
.register-box .card-header img {
	max-width: 250px;
}

.login-box .card-body,
.register-box .card-body {
	padding: 40px 30px;
}

.login-page input[type=number]::-webkit-inner-spin-button,
.register-page input[type=number]::-webkit-inner-spin-button,
.login-page input[type=number]::-webkit-outer-spin-button,
.register-page input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
}

.login-page input[type=number],
.register-page input[type=number] {
	-moz-appearance: textfield;
}

.login-box .form-control,
.register-page .form-control {
	border: 1px solid #E2E2E2;
	border-radius: 5px !important;
	box-shadow: none;
	outline: none;
	background-color: #F8F8F8 !important;
	padding: 6px 13px;
	font-size: 14px;
	color: #707070 !important;
	height: 35px;
}

.login-box .form-control:focus,
.register-page .form-control:focus {
	border-color: #696cff;
}

.login-box .icon-wrap,
.register-box .icon-wrap {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9;
	left: 13px;
}

.login-box .icon-wrap img,
.register-box .icon-wrap img {
	max-width: 16px;
}

.login-box .icon-wrap+.form-control,
.register-box .icon-wrap+.form-control {
	padding: 6px 10px 6px 35px;
}

[class*="icheck-"]>label {
	font-weight: 600;
	font-size: 14px;
	color: #353935;
	line-height: 20px;
	padding-left: 32px !important;
}

[class*="icheck-"]>input:first-child+input[type="hidden"]+label::before,
[class*="icheck-"]>input:first-child+label::before {
	width: 20px;
	height: 20px;
	border-radius: 5px;
	margin-left: -30px;
}

.login-box .btn-primary,
.register-box .btn-primary {
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	color: #fff;
	background-color: #696cff;
	border: 1px solid #696cff;
	border-radius: 6px;
	display: inline-block !important;
	width: auto;
	margin: 0 auto;
	min-width: 220px;
	height: 38px;
	box-shadow: 0 0.125rem 0.25rem 0 rgb(105 108 255 / 40%);
}

.login-box .btn-primary:hover,
.register-box .btn-primary:hover {
	background-color: #5f61e6 !important;
	border-color: #5f61e6 !important;
}

.icheck-primary>input:first-child:checked+input[type="hidden"]+label::before,
.icheck-primary>input:first-child:checked+label::before {
	background-color: #696cff;
	border-color: #696cff;
}

[class*="icheck-"]>input:first-child:checked+input[type="hidden"]+label::after,
[class*="icheck-"]>input:first-child:checked+label::after {
	left: 1px;
	width: 6px;
	height: 11px;
	border-width: 2px;
	top: -2px;
}

.alert-danger {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
	border-radius: 5px;
	font-size: 14px;
}

.alert-danger ul {
	margin-bottom: 0;
	list-style: none;
	padding: 0;
}

/*@media only screen and (max-width: 767px) {
	.login-box, .register-box {max-width: calc(100% - 40px);}
	.login-box .card-header img, .register-box .card-header img {max-width: 250px;}
	.login-box .card-body, .register-box .card-body {padding: 40px 20px;}
	.login-box .card, .register-box .card {border-radius: 30px;}
	.login-box .icon-wrap, .register-box .icon-wrap {max-width: 17px; left: 18px;}
	.login-box .form-control, .register-page .form-control {padding: 13px; height: 52px;}
	.login-box .icon-wrap + .form-control, .register-box .icon-wrap + .form-control {padding: 13px 10px 10px 45px;}
	[class*="icheck-"] > label {font-size: 18px; line-height: 26px; padding-left: 40px !important;}
	[class*="icheck-"] > input:first-child + input[type="hidden"] + label::before, [class*="icheck-"] > input:first-child + label::before {width: 26px; height: 26px; border-radius: 6px; margin-left: -35px;}
	.login-box .btn-primary, .register-box .btn-primary {height: 52px; font-size: 18px; min-width: 200px;}
	[class*="icheck-"] > input:first-child:checked + input[type="hidden"] + label::after, [class*="icheck-"] > input:first-child:checked + label::after {left: 6px; width: 8px; height: 13px;}
	.alert-danger {font-size: 16px;}
	.alert-danger ul {padding-left: 10px;}
}*/

/* Dashboard */
.border-top-left-radius-50 {
	border-top-left-radius: 5px !important;
}

.border-bottom-left-radius-50 {
	border-bottom-left-radius: 5px !important;
}

.main-header {
	padding: 20px 0;
}

.main-header .navbar-nav .nav-item {
	margin: 0 15px;
}

.navbar-light .navbar-nav .nav-link,
.navbar-light .navi-item {
	color: #353935;
	font-weight: 400;
	padding: 0;
	margin: 0;
	height: auto;
}

.navbar-light .navi-item img {
	margin-right: 7px;
}

.main-header .navbar-nav .nav-item .hamburger-menu {
	position: relative;
	width: 25px;
	height: 25px;
	transition: .5s ease-in-out;
	cursor: pointer;
}

.main-header .navbar-nav .nav-item .hamburger-menu span {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	background: #353935;
	border-radius: 10px;
	opacity: 1;
	left: 0;
	transition: .25s ease-in-out;
}

.main-header .navbar-nav .nav-item .hamburger-menu span:nth-child(2),
.main-header .navbar-nav .nav-item .hamburger-menu span:nth-child(3) {
	top: 11px;
	width: 80%;
	right: 0;
}

.main-header .navbar-nav .nav-item .hamburger-menu span:nth-child(4) {
	top: 22px;
}

.navbar-light .navi-item,
.navbar-expand .navbar-nav {
	align-items: center;
}

.navbar-light .navi-item img {
	max-width: 30px;
}

.main-header .nav-link {
	position: relative;
}

.main-header .navbar-badge {
	font-size: 14px;
	font-weight: 500;
	top: -15px;
	right: -15px;
	color: #fff;
	padding: 0;
	position: absolute;
	width: 27px;
	height: 27px;
	background-color: #ff373b;
	text-align: center;
	line-height: 27px;
	border-radius: 30px;
	letter-spacing: -1px;
}

.navbar-light .navbar-nav .far,
.navbar-light .navbar-nav .fas {
	font-size: 20px;
	color: #405189 !important;
}

.content-header h1 {
	font-weight: 500;
	color: #353935;
	font-size: 16px;
}

.breadcrumb .breadcrumb-item,
.breadcrumb .breadcrumb-item a {
	font-weight: 400;
	color: #353935;
	font-size: 14px
}

.breadcrumb .breadcrumb-item a {
	color: #696cff;
}

.breadcrumb-item+.breadcrumb-item::before {
	color: #353935;
}

.input-group-prepend .input-group-text {
	background-color: #fff;
	border: 1px solid #d9dee3;
	border-radius: 6px 0 0 6px;
}

.custom-select {
	font-weight: 400;
	color: #353935;
	border-radius: 0 6px 6px 0;
	border: 1px solid #d9dee3;
	background-size: 15px 21px;
	background-position: 96%;
	font-size: 14px;
	font-weight: 400;
	box-shadow: none !important;
}

.custom-select:focus {
	border-color: #696cff;
}

.input-group-prepend .input-group-text .far {
	font-weight: 400;
	color: #353935;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
}

.input-group-prepend .input-group-text .far:before {
	font-family: "Font Awesome 5 Free";
	font-size: 14px;
	margin-right: 5px;
	vertical-align: middle;
}

.btn-primary {
	font-weight: 400;
	color: #fff;
	background-color: #696cff;
	border: 1px solid #696cff;
	border-radius: 6px;
	font-size: 14px;
	padding: 6px 20px;
	height: 38px;
	box-shadow: 0 0.125rem 0.25rem 0 rgb(105 108 255 / 40%);
	transition: all .2s ease-in-out;
}

.btn-primary .fa,
.btn-primary .fas {
	font-size: 12px;
}

.btn-primary:hover,
.btn-primary:focus {
	background-color: #5f61e6 !important;
	border-color: #5f61e6 !important;
	transform: translateY(-1px);
}

.btn-success {
	color: #fff;
	background-color: #405189;
	border: 1px solid #405189;
	border-radius: 5px;
	font-weight: 400;
	height: 35px;
	padding: 6px 13px;
}

.btn-success:hover,
.btn-success:focus {
	background-color: #696cff;
	border-color: #696cff;
}

.btn-secondary {
	color: #fff;
	background-color: #696cff;
	border: 1px solid #696cff;
	border-radius: 5px;
	font-weight: 400;
	height: 35px;
	padding: 6px 13px;
}

.btn-secondary:hover,
.btn-secondary:focus {
	background-color: #405189;
	border-color: #405189;
}

.btn-success.btn-green {
	background-color: #28a745;
	border: 1px solid #28a745;
}

h4 {
	color: #353935;
	font-size: 18px;
	font-weight: 700;
}

.row>h4 {
	padding-right: 7.5px;
	padding-left: 7.5px;
	margin-bottom: 10px;
}

/*.dashboard-box-wrp {background-color: #fff; border-radius: 10px; padding: 20px 15px 5px; margin-bottom: 30px; border: 0px solid #d9dee3; box-shadow: 0 2px 6px 0 rgb(67 89 113 / 12%); height: calc(100% - 30px);}*/
.dashboard-box-wrp {
	background-color: transparent;
	border-radius: 0;
	padding: 0;
	margin-bottom: 30px;
	border: 0px solid #d9dee3;
	height: calc(100% - 30px);
}

.bg-danger {
	background-color: #696cff !important;
}

.bg-success {
	background-color: #405189 !important;
}

.bg-warning {
	background-color: #FCB235 !important;
}

.bg-info {
	background-color: #E31A7A !important;
}

.btn-danger {
	background-color: #ff3e1d;
	border-color: #ff3e1d;
}

.btn-info {
	background-color: #03c3ec;
	border-color: #03c3ec;
	box-shadow: 0 0.125rem 0.25rem 0 rgb(3 195 236 / 40%);
}

.btn-info:hover {
	color: #fff;
	background-color: #03b0d4;
	border-color: #03b0d4;
}

.btn-light.disabled,
.btn-light:disabled {
	background-color: #788393;
	border-color: #788393;
	color: #fff;
}

.btn-light.btn {
	font-size: 14px;
	height: 35px;
}

.bg-secondary.btn:hover {
	border-color: #ff3e1d;
}

.small-box {
	background-color: #fff !important;
	border-radius: 5px;
	padding: 13px 11px 5px;
	box-shadow: 0 2px 6px 0 rgb(67 89 113 / 12%);
	height: calc(100% - 15px);
	margin-bottom: 15px;
}

/*.small-box .icon {display: none;}*/
.boxes .small-box .icon>i.ion {
	font-size: 24px !important;
	top: unset !important;
	position: unset !important;
	color: #71dd37;
	margin-bottom: 8px;
	padding: 5px;
	background-color: #71dd372b;
	border-radius: 5px;
}

.row.boxes .small-box>.inner {
	display: grid;
	padding: 0 !important;
	min-height: 65px;
}

.boxes .small-box p {
	font-size: 13px;
	font-weight: 400;
	color: #353935;
	line-height: 1.2;
	margin-bottom: 5px !important;
	min-height: 32px;
}

.row.boxes .small-box .inner h3 {
	order: 1;
	font-size: 15px !important;
	font-weight: 500;
	color: #353935;
	line-height: 1.3;
	margin-bottom: 5px !important;
}

.small-box>.small-box-footer {
	background-color: transparent;
	border-top: 1px solid #EBF2F7;
	font-weight: 400;
	color: #353935 !important;
	padding: 5px 0 0;
	font-size: 13px;
}

.small-box>.small-box-footer .fas {
	font-size: 12px;
}

.small-box>.small-box-footer:hover {
	opacity: 0.8;
	background-color: transparent;
}

.content-wrapper {
	height: auto;
}

.ui-sortable .card {
	position: relative;
	background-color: #fff;
	box-shadow: 0px 0px 23.75px 1.25px rgba(0, 0, 0, 0.1);
	border-radius: 20px;
	overflow: hidden;
}

.ui-sortable .displayLoaderspinner {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1111;
	background-color: rgba(0, 0, 0, 0.1);
	max-width: 100%;
	top: 0;
	left: 0;
}

.ui-sortable .displayLoaderspinner .fas {
	position: absolute;
	top: calc(50% - 16px);
	left: calc(50% - 16px);
}

.ui-sortable .card-header.ui-sortable-handle {
	padding: 30px 35px 0;
	border: 0;
}

.ui-sortable .card-tools .nav-pills {
	margin-top: 5px;
	margin-bottom: 0;
}

.card-header .card-title {
	font-size: 18px;
	font-weight: 500;
	color: #353935;
}

.card .card-header .card-tools {
	margin-right: 0;
	margin-top: 0;
}

.card .card-header .card-tools .btn-tool {
	background-color: #696cff;
	font-size: 12px;
	color: #fff;
	display: inline-block;
	width: 32px;
	height: 32px;
	border: none;
	box-shadow: none;
	outline: none;
}

.card .card-header .card-tools .btn-tool:hover {
	background-color: #46BBC4;
}

.card-header .card-title .fas {
	color: #405189;
}

.card-tools .nav-pills .nav-item {
	margin-right: 5px;
	margin-bottom: 5px
}

.card-tools .nav-pills .nav-link {
	color: #353935;
	border-radius: 6px;
	font-weight: 400;
	font-size: 14px;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
	padding: 8px;
}

.card-tools .nav-pills .nav-link:hover {
	color: #5f61e6;
}

.card-tools .nav-pills .nav-link.active,
.card-tools .nav-pills .show>.nav-link {
	background-color: #696cff;
	color: #fff;
	box-shadow: 0 2px 4px 0 rgb(105 108 255 / 40%);
}

.ui-sortable .card-body {
	padding: 25px 35px 85px;
}


.tab-content .tab-pane.chart .card-body,
.tab-content .tab-pane.chart #quickForm .card-footer,
.tab-content .tab-pane.chart #quickForm .card-body {
	padding: 0 !important;
}

.tab-content .tab-pane.chart #quickForm .note-toolbar.card-header {
	border-radius: 10px;
	box-shadow: none;
	padding: 0 10px;
}

.tab-content .tab-pane.chart #quickForm .note-editor .btn {
	border-radius: 0;
}

.tab-content .tab-pane.chart #quickForm .card {
	border-radius: 10px;
}

.card .nav-tabs li {
	background-color: transparent;
	margin-right: 10px !important;
}

.card .nav-tabs li:last-child {
	margin-right: 0 !important;
}

.card .nav-tabs li a {
	color: #353935;
	border-radius: 5px 5px 0 0;
	font-size: 14px;
	font-weight: 400;
	display: block;
	padding: .5rem 1rem !important;
}

.card .nav-tabs li a.active {
	background-color: #696cff;
	color: #fff;
}

.card-tools .nav-pills .nav-item:last-child {
	margin-right: 0 !important;
}

.content-wrapper>.content .form-group {
	margin-bottom: 20px;
}

.content-wrapper>.content .form-group.isZohoSubmit {
	padding-left: 0;
	padding-right: 0;
}

.card-header>.card-tools .input-group,
.card-header>.card-tools .nav,
.card-header>.card-tools .pagination {
	margin-bottom: 0;
	margin-top: 0;
}

.content .card {
	position: relative;
	background-color: #fff;
	border-radius: 5px;
	/*overflow: hidden;*/
	border: 0px solid #d9dee3;
	box-shadow: 0 2px 6px 0 rgb(67 89 113 / 12%);
	margin-bottom: 30px;
}

.content .card .card {
	border: 1px solid #d9dee3;
}

.content .card .card .card-header {
	padding: 15px 35px !important;
}

/*.content .card .card .card-header .nav-item {margin: 0 5px;}*/
.content .card-header {
	padding: 25px 35px;
	border: none;
}

.content .card-body label {
	font-weight: 500;
	color: #353935;
	margin-bottom: 3px;
	font-size: 14px;
}

.content .card-body .custom-select {
	border: 1px solid #d9dee3;
	border-radius: 5px !important;
	padding: 6px 13px;
	font-size: 14px;
	font-weight: 400;
	color: #353935;
	height: 35px;
}

.content .card-body .custom-select:focus {
	border-color: #696cff;
}

.content .card-body .isRiskText {
	font-size: 14px;
}

.content .card-body .btn-primary,
.content .card-footer .btn-primary {
	height: 35px;
	font-size: 14px;
	font-weight: 400;
	padding: 6px 13px;
	white-space: nowrap;
}

.content .card-body .row {
	align-items: flex-end;
}

.content .card-body .content-header .row {
	align-items: center;
}

.content .card-body .btn-warning {
	color: #fff;
	background-color: #8592a3;
	border: 1px solid #8592a3;
	border-radius: 6px;
	padding: 6px 13px;
	height: 35px;
	font-size: 14px;
	font-weight: 400;
	box-shadow: 0 0.125rem 0.25rem 0 rgb(133 146 163 / 40%);
	transition: all .2s ease-in-out;
}

.content .card-body .btn-warning .fa {
	font-size: 12px;
}

.content .card-body .btn-warning:hover,
.content .card-body .btn-warning:focus {
	background-color: #788393;
	border-color: #788393;
	color: #fff;
	transform: translateY(-1px);
}

.content .form-control,
.content .custom-file-input,
.content .custom-file-label {
	border: 1px solid #d9dee3;
	border-radius: 5px !important;
	padding: 6px 13px;
	font-size: 14px;
	font-weight: 400;
	color: #353935;
	height: 35px;
}

.content .form-control:focus,
.content .custom-file-input:focus {
	border-color: #696cff !important;
	outline: 0;
	box-shadow: 0 0 .25rem .05rem rgba(105, 108, 255, .1);
}

.select2-container--bootstrap4 .select2-selection {
	border: 1px solid #d9dee3;
	border-radius: 5px !important;
	padding: 6px 13px;
	font-size: 14px;
	font-weight: 400;
	color: #353935;
	height: 35px !important;
	box-shadow: none;
	overflow-y: auto;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
	line-height: 1.5;
	color: #353935;
	padding: 0;
}

.select2-container--bootstrap4.select2-container--focus .select2-selection {
	box-shadow: none;
	border-color: #696cff;
	overflow-y: auto;
}

.content .form-control:focus {
	border-color: #696cff;
}

.input-group-prepend+.form-control {
	border-radius: 0 5px 5px 0 !important;
}

.custom-file-label::after {
	height: 100%;
}

.content label.custom-file-label {
	font-weight: 400;
	color: #353935;
}

.content .chosen-container-multi {
	max-width: 250px;
}

.content .chosen-container-multi .chosen-choices {
	border: 1px solid #d9dee3;
	border-radius: 5px !important;
	padding: 3px 13px;
	font-size: 13px;
	font-weight: 400;
	color: #353935;
	max-width: 250px;
	box-shadow: none;
	background-color: #fff;
	background-image: none;
}

.content .chosen-container-multi .chosen-choices:focus {
	border-color: #696cff;
}

.content .card-body .dataTables_wrapper .custom-select {
	padding: 5px 15px;
	border-radius: 6px !important;
	height: 35px;
}

.content .dataTables_wrapper .form-control {
	border-radius: 6px !important;
	padding: 5px 15px;
	height: 35px;
	max-width: 200px;
}

.content #toggle_column+.chosen-container-multi {
	max-width: 100%;
}

.content #toggle_column+.chosen-container-multi .chosen-choices {
	max-width: 100%;
	height: 35px;
	overflow-y: auto;
}


.table-bordered {
	border: none;
}

.table-bordered-solid {
	border: 1px solid #dee2e6;
}

.table-head-bg th,
.table-head-bg thead th {
	background-color: #16395b;
	color: #fff !important;
}

.table-striped>tbody>tr.odd>* {
	background-color: #f9fafb;
}


.table thead th,
.table tfoot th {
	font-weight: 600;
	color: #353935;
	vertical-align: middle;
	font-size: 12px;
	text-transform: uppercase;
	border-top: none;
}

.table-bordered thead td,
.table-bordered thead th {
	border-bottom-width: 1px;
}

.table thead th,
.table thead td {
	border-color: #ededed;
	white-space: nowrap;
	border-right-width: 0 !important;
	border-left-width: 0 !important;
	vertical-align: middle;
}

.table tbody td {
	font-size: 14px;
	font-weight: 400;
	color: #353935;
	border-color: #d9dee3;
	white-space: nowrap;
	border-right-width: 0 !important;
	border-left-width: 0 !important;
	vertical-align: middle;
}

.table-striped>tbody>tr:nth-of-type(2n+1)>* {
	color: #353935
}

.table thead th.white-space-normal {
	min-width: 200px;
}

.table tbody td.white-space-normal {
	white-space: normal;
	max-width: 250px;
}

.table tbody td .dtr-title {
	font-weight: 600;
	color: #353935;
}

.table tbody td .dtr-data {
	font-weight: 400;
	color: #353935;
	white-space: normal;
}

.table tbody td .dtr-data .fa-image {
	vertical-align: middle;
}

/*.table tbody td > div {display: inline-block;}*/
#fundingReportDatatable_wrapper .table tbody td,
#fundingReportDatatable_wrapper .table tbody th {
	white-space: normal;
	font-size: 80% !important;
}

#fundingReportDatatable_wrapper .table tbody td:first-child {
	white-space: nowrap;
}

table.dataTable>tbody>tr.child ul.dtr-details>li {
	border-bottom: none;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control::before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control::before {
	background-color: #405189;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control::before,
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control::before {
	background-color: #E31A7A;
}

.note-text {
	font-weight: 400;
}

.btn-default,
.btn-light.btn-hover-primary.btn-sm {
	border-radius: 0;
	height: auto;
	width: auto;
	color: #353935;
	background-color: transparent !important;
	border: none;
	padding: 0;
	font-size: 18px;
}

.table .btn-default[type="checkbox"],
.table .btn-light.btn-hover-primary.btn-sm[type="checkbox"] {
	width: 15px;
	height: 15px;
}

.btn-default.openCommentList {
	background-color: #696cff;
	font-size: 14px;
}

/*.bg-blue.openCommentList {background-color: #03c3ec !important; padding: 5px; border-radius: 5px; color: #fff !important;}*/
/*.bg-blue i,
.bg-blue.openCommentList i {color: #03c3ec !important;}*/
.bg-blue.btn.active,
.bg-blue.btn:active,
.bg-blue.btn:not(:disabled):not(.disabled).active,
.bg-blue.btn:not(:disabled):not(.disabled):active {
	background-color: transparent !important;
	border-color: transparent;
	color: #fff;
}

.btn.beneficiaryModal {
	background-color: #03b0d4 !important;
	width: 25px;
	height: 25px;
	border: 1px solid #03b0d4;
	border-radius: 5px;
	color: #fff;
}

.btn.beneficiaryModal i {
	color: #fff !important;
	font-size: 12px !important;
}

.btn.beneficiaryModal:hover,
.btn.beneficiaryModal:focus {
	background-color: #03b0d4 !important;
	border-color: #03b0d4 !important;
}

.btn-default.manualEntryForm {
	font-size: 14px;
}

.btn-success.btn-sm {
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	padding: 2px 10px;
	border-radius: 5px;
}

/*.content .card-body .btn-warning.btn-view {border-radius: 0; height: auto; width: auto; color: #353935; background-color: transparent; border: none; padding: 0; font-size: 16px; box-shadow: none; transform: unset;}*/
.content .card-body .btn-success.email-exists {
	font-size: 14px;
}

/*.content .card-body .btn-warning.btn-view:hover {background-color: transparent; border-color: transparent;}*/
.content .card-body .btn-warning.btn-edit,
.content .card-body .btn-warning.btn-sm {
	border-radius: 5px;
	height: 30px;
	width: 30px;
	color: #fff;
	background-color: #405189;
	border-color: #405189;
	border: none;
	padding: 4px;
}

.content .card-body .btn-warning.btn-edit:hover,
.content .card-body .btn-warning.btn-sm:hover {
	background-color: #405189;
	border-color: #405189;
}

.btn-default:hover,
.btn-light.btn-hover-primary.btn-sm:hover,
.btn-default:focus,
.btn-light.btn-hover-primary.btn-sm:focus {
	background-color: transparent !important;
}

.btn-default i,
.btn-light.btn-hover-primary.btn-sm i,
.content .card-body .btn-warning.btn-view i,
.content .card-body .btn-warning.btn-edit i,
.content .card-body .btn-warning.btn-sm i {
	line-height: 1;
	font-size: 14px !important;
	vertical-align: middle;
}

.btn-default i.text-danger {
	color: #dc3545 !important;
}

.table-striped tbody tr:nth-of-type(2n+1) {
	background-color: #fff;
}

.table-striped tbody tr:nth-of-type(2n+2) {
	background-color: #fff;
}

.btn-default.email-exists {
	padding: 0;
	background-color: #fff;
}

.btn-default.email-exists:hover,
.btn-default.email-exists:focus {
	background-color: #dc3545 !important;
	border-color: #dc3545 !important;
}

.btn-default.email-exists:hover i.text-danger,
.btn-default.email-exists:focus i.text-danger {
	color: #fff !important;
}

.btn-default.email-exists i {
	line-height: 29px;
}

div.dataTables_wrapper div.dataTables_info {
	font-size: 14px;
	color: #353935;
}

.toggle.btn {
	height: 40px !important;
	background-color: #66c732;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	min-width: unset;
	min-height: unset;
	padding: 0 !important;
	border: none;
	width: 90px !important;
}

.toggle.btn .toggle-group .toggle-on,
.toggle.btn .toggle-group .toggle-off {
	height: 35px !important;
	background-color: #66c732;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	width: auto;
	border: none;
}

.toggle.btn .toggle-group .toggle-on {
	padding: 7px 32px 7px 5px;
}

.toggle.btn .toggle-group .toggle-off {
	padding: 7px 5px 7px 32px;
}

.toggle.btn.off,
.toggle.btn.off .toggle-group .toggle-off {
	background-color: #ff3e1d;
}

.toggle.btn .toggle-group .toggle-handle {
	width: 30px;
	height: 30px !important;
	background-color: #fff;
	border-radius: 5px;
	top: 50%;
	transform: translateY(-50%);
	left: -20px;
}

.toggle.btn.off .toggle-group .toggle-handle {
	left: 20px;
}

.table tbody td .dtr-data .btn-success {
	background-color: #405189;
	font-size: 12px;
	font-weight: 500;
	padding: 3px 10px;
	border: none;
	height: auto;
	display: inline-block;
}

.badge-success {
	background-color: #66c732;
	font-size: 14px;
	font-weight: 500;
	padding: 5px 10px;
}

.badge-danger {
	background-color: #ff3e1d;
	font-size: 14px;
	font-weight: 500;
	padding: 5px 10px;
}

.confirm_delete.btn-danger {
	border-radius: 5px;
	height: 30px;
	width: 30px;
	color: #fff;
	background-color: #ff3e1d;
	border: none;
	padding: 4px;
}

.confirm_delete.btn-danger i {
	line-height: 22px;
	font-size: 12px;
	color: #fff;
}

.confirm_delete.btn-danger:hover {
	background-color: #dc3545;
}

.toggle-password.fa-eye,
.toggle-password.fa-eye-slash {
	top: 50% !important;
	transform: translateY(-50%);
}

.paginate_button.previous .page-link,
.paginate_button.next .page-link {
	border-color: #E5E5E5;
	background-color: #F6F6F6;
	border-radius: 5px;
	width: 70px;
}

.paginate_button.previous .page-link:hover,
.paginate_button.next .page-link:hover {
	border-color: #E5E5E5;
	background-color: #E5E5E5;
	color: #353935;
}

#datatable_previous .page-link:hover,
#datatable_next .page-link:hover {
	border-color: #696cff;
	background-color: #696cff;
	color: #fff;
}

.page-link {
	font-size: 14px;
	font-weight: 400;
	color: #353935;
	border: 1px solid #E5E5E5;
	border-radius: 4px !important;
	height: 30px;
	line-height: 1.6;
	padding: 3px 8px;
	text-align: center;
	margin-right: 4px;
	background-color: #f0f2f4;
	min-width: 30px;
	white-space: nowrap;
}

.page-item.active .page-link {
	background-color: #696cff;
	border-color: #696cff;
}

.page-link:hover {
	background-color: #e1e4e8;
	border-color: #e1e4e8;
	color: #353935;
}

.card-primary:not(.card-outline)>.card-header {
	background-color: #fff;
}

.content .card .card-body {
	padding: 20px;
}

.content .card .card-body .card-footer {
	padding-left: 25px;
	padding-right: 25px;
}

.content .card .card-footer {
	padding: 20px;
}

.content .card .alert-close {
	padding: 25px 25px 0;
}

.content .card .alert-close .alert {
	margin-bottom: 0;
}

.content .card .alert-close .alert li {
	list-style: none;
}

.content .card .card-footer {
	background-color: transparent;
}

.swal2-popup .swal2-close,
.swal2-popup .swal2-close:hover,
.modal .close {
	background-color: #696cff;
	opacity: 1 !important;
	color: #fff;
	font-size: 22px;
	font-weight: 400;
	width: 35px;
	height: 35px;
	padding: 0;
	line-height: 35px;
	border-radius: 50px;
	top: 0px;
	right: 0px;
	position: absolute;
}

.swal2-popup .swal2-close,
.swal2-popup .swal2-close:hover {
	top: -20px;
	right: -20px;
}

.modal .modal-header {
	justify-content: center;
	padding: 20px 25px;
}

.modal .modal-body {
	padding: 20px 25px;
}

.swal-modal .swal-text,
.swal2-popup .swal2-content,
.modal label {
	font-size: 14px;
	font-weight: 500 !important;
	color: #353935;
	margin-bottom: 3px;
}

.modal .form-control {
	padding: 6px 13px;
	font-size: 14px;
	font-weight: 400;
	color: #353935;
	height: 35px;
	border-radius: 5px !important;
}

.modal .form-control:focus {
	border-color: #405189;
}

.swal-modal .swal-footer {
	text-align: center;
}

.swal-modal .swal-button-container .swal-button--confirm,
.swal-modal .swal-button-container .swal-button--cancel,
.swal2-popup .swal2-actions .swal2-confirm,
.modal .btn-default {
	height: 35px;
	width: auto;
	font-size: 14px;
	font-weight: 400;
	padding: 6px 20px;
	color: #fff;
	background-color: #696cff !important;
	border: 1px solid #696cff;
	border-radius: 5px;
	box-shadow: none;
}

.swal-modal .swal-button-container .swal-button--confirm {
	background-color: #405189 !important;
	border-color: #405189 !important;
}

.swal-modal .swal-button-container .swal-button--cancel:hover,
.swal2-popup .swal2-actions .swal2-confirm:hover,
.modal .btn-default:hover,
.modal .btn-default:focus {
	background-color: #405189 !important;
	border-color: #405189;
}

.swal-modal .swal-button-container .swal-button--confirm:hover,
.swal-modal .swal-button-container .swal-button--confirm:focus {
	background-color: #696cff !important;
	border-color: #696cff !important;
}

.swal-modal .swal-title {
	font-size: 1.5rem;
	color: #353935;
}

.card .card-body .modal .btn-primary {
	height: 35px;
	width: auto;
	font-size: 14px;
	font-weight: 400;
	padding: 6px 20px;
	color: #fff;
	border-radius: 5px;
}

.card .card-body .modal .btn-primary.saveComment,
.card .card-body .modal .btn-primary.saveIdExpiryComment {
	height: 100%;
	border-radius: 0 5px 5px 0;
}

.modal .card .card-footer {
	background-color: #f6f6f6;
}

.modal .card .card-footer textarea {
	max-width: unset;
	height: 100px;
	border-radius: 5px 0 0 5px !important;
	resize: none;
}

.modal .btn-primary.saveComment {
	height: 100px;
	border-radius: 0 6px 6px 0;
	resize: none;
}

.modal .btn-primary.saveComment:hover {
	background-color: #696cff;
	border-color: #696cff;
}

.modal .table tbody th,
.modal .table tbody td {
	vertical-align: middle;
}

.content-wrapper .content-header .row {
	align-items: center;
	background-color: #fff;
	border-radius: 5px;
	padding: 15px;
	border: 0px solid #d9dee3;
	box-shadow: 0 2px 6px 0 rgb(67 89 113 / 12%);
	margin: 0;
}

.content-wrapper .card .content-header .row {
	border: 1px solid #d9dee3;
}

.toggle.btn {
	height: 32px !important;
	background-color: #66c732;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	min-width: unset;
	min-height: unset;
	padding: 0 !important;
	border: none;
	width: 80px !important;
}

.toggle.btn .toggle-group {
	background-color: #66c732;
}

.toggle.btn .toggle-group .toggle-on,
.toggle.btn .toggle-group .toggle-off {
	height: 32px !important;
	background-color: #66c732 !important;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.1;
	color: #fff;
	width: auto;
	border: none;
}

.toggle.btn .toggle-group .toggle-on {
	padding: 9px 32px 9px 5px;
}

.toggle.btn .toggle-group .toggle-off {
	padding: 9px 5px 9px 32px;
}

.toggle.btn.off,
.toggle.btn.off .toggle-group .toggle-off {
	background-color: #ff3e1d !important;
}

.toggle.btn .toggle-group .toggle-handle {
	width: 20px;
	height: 20px !important;
	background-color: #fff !important;
	border-radius: 5px;
	top: 50%;
	transform: translateY(-50%);
	left: -20px;
}

.toggle.btn.off .toggle-group .toggle-handle {
	left: 20px;
}

.bootstrap-switch {
	border-radius: 5px;
}

.bootstrap-switch-container {
	background-color: #66c732;
	height: 30px;
}

.bootstrap-switch-off .bootstrap-switch-container {
	background-color: #ff3e1d;
}

.bootstrap-switch-label {
	position: relative;
	width: 20px !important;
	height: 20px !important;
	padding: 0 !important;
}

.bootstrap-switch-label:after {
	content: "";
	background-color: #fff;
	width: 20px !important;
	height: 20px !important;
	border-radius: 30px !important;
	padding: 0 !important;
	position: absolute;
	top: 5px;
	left: 5px;
	transition: left .5s
}

.bootstrap-switch-on .bootstrap-switch-label::after {
	left: -5px;
}

.bootstrap-switch-container .bootstrap-switch-handle-on {
	background-color: #66c732 !important;
	height: 30px;
	font-size: 14px;
	font-weight: 600;
	color: #fff !important;
}

.bootstrap-switch-container .bootstrap-switch-handle-off {
	background-color: #ff3e1d !important;
	height: 30px;
	font-size: 14px;
	font-weight: 600;
	color: #fff !important;
}

.sidebar-mini.sidebar-collapse.layout-fixed .brand-link img {
	max-width: 180px;
}

/*[class*="sidebar-dark-"] .nav-sidebar > .nav-item.menu-open > .nav-link, */
[class*="sidebar-dark-"] .nav-sidebar>.nav-item:hover>.nav-link,
[class*="sidebar-dark-"] .nav-sidebar>.nav-item>.nav-link:focus {
	background-color: rgba(67, 89, 113, .04);
	color: #353935;
}

/*[class*="sidebar-dark-"] .nav-sidebar > .nav-item.menu-open > .nav-link {border-radius: 5px; color: #696cff; background-color: rgba(105,108,255,.16) !important;}*/
/*.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link,
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link {padding: .35rem 1rem;}*/
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
	border-radius: 5px;
	color: #696cff;
	background-color: rgba(105, 108, 255, .16) !important;
	box-shadow: none !important;
}

.sidebar-mini.sidebar-collapse .nav-sidebar .nav-link p,
.nav-sidebar .nav-link p {
	font-size: 15px;
	font-weight: 400;
	color: #353935;
	white-space: nowrap;
}

.sidebar-mini.sidebar-collapse .nav-sidebar .nav-link i,
.nav-sidebar .nav-link i {
	font-size: 16px;
	color: #353935;
}

.sidebar-mini.sidebar-collapse .nav-sidebar .nav-link.active i,
.nav-sidebar .nav-link.active i {
	color: #696cff;
}

.sidebar-mini.sidebar-collapse .nav-sidebar .nav-link.active p,
.nav-sidebar .nav-link.active p {
	color: #696cff;
	font-weight: 600;
}

.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .brand-text,
.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .logo-xl,
.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar .nav-link p,
.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .user-panel>.info,
.sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-text,
.sidebar-mini.sidebar-collapse .main-sidebar:hover .logo-xl,
.sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar .nav-link p,
.sidebar-mini.sidebar-collapse .main-sidebar:hover .user-panel>.info {
	margin-left: 7px;
}

[class*="sidebar-dark-"] .nav-treeview>.nav-item>.nav-link.active,
[class*="sidebar-dark-"] .nav-treeview>.nav-item>.nav-link.active:focus,
[class*="sidebar-dark-"] .nav-treeview>.nav-item>.nav-link.active:hover {
	background-color: unset;
	color: #696cff;
}

.nav-sidebar .nav-treeview>.nav-item>.nav-link>.nav-icon {
	/*width: 2.6rem; */
	/*color: #fff;*/
}

[class*=sidebar-dark] .brand-link,
[class*=sidebar-dark] .user-panel {
	border-color: #bbb;
}

.nav-sidebar .nav-item>.nav-link .right {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.sidebar-mini.sidebar-collapse .main-sidebar,
.sidebar-mini.sidebar-collapse .main-sidebar::before {
	background: #fff;
	box-shadow: 0 .125rem .375rem 0 rgba(161, 172, 184, .12) !important;
}

.bg-secondary.btn.active,
.bg-secondary.btn:active,
.bg-secondary.btn:focus,
.bg-secondary.btn:not(:disabled):not(.disabled).active,
.bg-secondary.btn:not(:disabled):not(.disabled):active {
	background-color: #ff3e1d !important;
	border-color: #ff3e1d;
	box-shadow: 0 0.125rem 0.25rem 0 rgb(255 62 29 / 40%);
}

.bg-primary.btn.active,
.bg-primary.btn:active,
.bg-primary.btn:not(:disabled):not(.disabled).active,
.bg-primary.btn:not(:disabled):not(.disabled):active {
	background-color: #66c732 !important;
	border-color: #66c732;
}

label.bg-secondary,
label.bg-secondary.btn.active,
label.bg-secondary.btn:active,
label.bg-secondary.btn:focus,
label.bg-secondary.btn:not(:disabled):not(.disabled).active,
label.bg-secondary.btn:not(:disabled):not(.disabled):active,
label.bg-primary,
label.bg-primary.btn.active,
label.bg-primary.btn:active,
label.bg-primary.btn:not(:disabled):not(.disabled).active,
label.bg-primary.btn:not(:disabled):not(.disabled):active {
	min-height: 36px;
	margin: 0 !important;
	line-height: 26px !important;
}

#datatable .btn-group>.btn-group:not(:last-child)>.btn,
#datatable .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
	border-radius: 5px 0 0 5px;
	font-size: 14px;
	font-weight: 600;
	padding: 2px 6px;
}

#datatable .btn-group>.btn-group:not(:first-child)>.btn,
#datatable .btn-group>.btn:not(:first-child) {
	border-radius: 0 5px 5px 0;
	font-size: 14px;
	font-weight: 600;
	padding: 2px 6px;
}

[class*="sidebar-dark-"] {
	background: #fff;
	box-shadow: 0 .125rem .375rem 0 rgba(161, 172, 184, .12) !important;
}

.connectedSortable .card .ui-sortable-handle .sendDocumentButton.btn-secondary,
.connectedSortable .card .ui-sortable-handle .process.btn-secondary {
	color: #fff;
	background-color: #405189;
	border: 1px solid #405189;
	border-radius: 5px;
	padding: 6px 20px;
	height: 35px;
	font-size: 14px;
	font-weight: 400;
}

.connectedSortable .card .ui-sortable-handle .sendDocumentButton.btn-secondary:hover,
.connectedSortable .card .ui-sortable-handle .process.btn-secondary:hover {
	background-color: #696cff;
	border-color: #696cff;
}

.custom-file {
	height: auto;
}

.tab-content .tab-pane.chart .row {
	background-color: #F6F6F6;
	border-radius: 5px;
	padding: 20px;
}

.tab-content .tab-pane h5 {
	font-size: 14px;
	font-weight: 500;
	color: #353935;
}

.tab-content .tab-pane.chart p {
	font-size: 14px !important;
	font-weight: 400;
	color: #353935;
	display: flex;
	margin-bottom: 0 !important;
	align-items: center;
}

.tab-content .tab-pane.chart .POA+.select2-container--bootstrap4 .select2-selection {
	border-radius: 5px !important;
}

.tab-content .tab-pane.chart .POA+.select2-container--bootstrap4 .select2-selection .select2-selection__rendered {
	padding: 0;
}

.tab-content .tab-pane.chart #Addressedit p,
.tab-content .tab-pane.chart #displayHtml p {
	display: block;
}

.tab-content .tab-pane.chart p button {
	height: 30px;
	width: 30px;
	padding: 2px;
	border-radius: 5px;
	color: #fff;
	background-color: #696cff;
	border: none;
}

.tab-content .tab-pane.chart p button:hover {
	background-color: #405189;
}

.tab-content .tab-pane.chart p button i {
	line-height: 24px;
	font-size: 12px;
	color: #fff !important;
}

.tab-content .tab-pane.chart p span {
	font-size: 14px !important;
	font-weight: 500;
	color: #353935 !important;
	padding: 0 !important;
	/*white-space: nowrap;*/
	margin-right: 5px;
}

.tab-content .tab-pane.chart p>span {
	white-space: nowrap;
}

.tab-content .tab-pane.chart p span.isZohoText {
	font-weight: 400;
	white-space: normal;
}

.tab-content .tab-pane.chart p span#buildingtext,
.tab-content .tab-pane.chart p span#streettext,
.tab-content .tab-pane.chart p span#towntext,
.tab-content .tab-pane.chart p span#postcodetext {
	font-weight: 400;
}

.tab-content .tab-pane.chart [class*="icheck-"]>input:first-child+input[type="hidden"]+label::before,
.tab-content .tab-pane.chart [class*="icheck-"]>input:first-child+label::before {
	width: 18px;
	height: 18px;
	margin-left: -28px;
	top: 3px;
}

.tab-content .tab-pane.chart [class*="icheck-"]>input:first-child:checked+input[type="hidden"]+label::after,
.tab-content .tab-pane.chart [class*="icheck-"]>input:first-child:checked+label::after {
	left: -1px;
	width: 6px;
	height: 11px;
	border-width: 2px;
	top: 1px;
}

.tab-content .tab-pane.chart [class*="icheck-"]>label {
	padding-left: 28px !important;
}

.tab-content .tab-pane.chart .btn-secondary {
	padding: 6px 20px;
	height: 35px;
	font-size: 14px;
	line-height: 1.5;
}

.tab-content .tab-pane.chart .btn-primary,
.tab-content .tab-pane.chart .btn-warning {
	padding: 6px 20px;
	height: 35px;
	font-size: 14px;
}

.tab-content .tab-pane.chart .form-control {
	padding: 6px 13px;
	font-size: 14px;
	font-weight: 400;
	color: #353935;
	height: 35px;
}

.tab-content .tab-pane.chart textarea.form-control {
	border-radius: 5px !important;
	height: 100px;
}

.tab-content .tab-pane.chart .input-group-wrap .form-control {
	padding-left: 35px;
}

.tab-content .tab-pane.chart .input-group-wrap .input-group-append {
	height: 100%;
}

.tab-content .tab-pane.chart .input-group-wrap .input-group-text {
	background-color: transparent;
	border: none;
	padding-left: 13px;
	height: 100%;
}

.tab-content .tab-pane.chart .input-group-wrap .input-group-text i {
	font-size: 14px;
	color: #405189;
}

.update-zoho-fields .form-control {
	width: 100% !important;
	max-width: 400px;
}

.tab-content .tab-pane.chart .select2-container--bootstrap4 .select2-selection {
	position: relative;
	padding: 1px 13px;
	font-size: 14px;
	font-weight: 400;
	color: #353935;
	height: 35px !important;
	overflow-y: auto;
}

.tab-content .tab-pane.chart .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
	padding: 0;
	line-height: calc(1.5em + .75rem);
}

.tab-content .tab-pane.chart .row {
	margin-bottom: 50px;
	align-items: flex-start;
}

.tab-content .tab-pane.chart .row .card.card-primary {
	background-color: transparent;
	box-shadow: none;
	padding: 0;
	border-radius: unset;
	margin-bottom: 0;
}

.tab-content .tab-pane.chart .row .card.card-primary.card-outline {
	border-top: none;
}

.tab-content .tab-pane.chart .card-primary:not(.card-outline)>.card-header,
.tab-content .tab-pane.chart .card-primary .card-header {
	background-color: transparent;
	padding: 0;
	font-size: 16px;
	font-weight: 500;
	color: #353935;
	border: none;
	margin-bottom: 3px;
}

.tab-content .tab-pane.chart .row p {
	margin-bottom: 15px;
}

.tab-content .tab-pane.chart .row .info-box {
	box-shadow: none;
	border: 1px solid #B8B8B8;
	border-radius: 5px;
	padding: 6px 13px;
	min-height: 50px;
	margin-bottom: 10px;
}

.tab-content .tab-pane.chart .row .info-box .info-box-icon {
	background-color: transparent !important;
	width: 35px;
	height: 35px;
	background-image: url(../images/download-file-icon.png);
	border-radius: 0;
	background-size: cover;
	background-repeat: no-repeat;
}

.tab-content .tab-pane.chart .row .info-box .info-box-icon .far:before {
	content: "";
}

.tab-content .tab-pane.chart .info-box .info-box-content {
	flex-direction: unset;
	justify-content: space-between;
	align-items: center;
	padding: 0 0 0 10px;
}

.tab-content .tab-pane.chart .info-box .info-box-content .info-box-text a {
	font-size: 14px;
	font-weight: 600;
	color: #405189;
}

.tab-content .tab-pane.chart .info-box .info-box-content .info-box-number i {
	width: 30px;
	height: 30px;
	background-color: #405189;
	color: #fff;
	text-align: center;
	line-height: 30px;
	border-radius: 5px;
	cursor: pointer;
	font-size: 12px;
}

.tab-content .tab-pane.chart .card-primary .dropzone {
	border: none;
	box-shadow: none;
	background-color: #fff;
	border-radius: 5px;
	position: relative;
	min-height: 215px;
	margin-top: 25px;
}

.tab-content .tab-pane.chart .card-primary .dropzone:before {
	content: "";
	border: 1px dashed #989898;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	border-radius: 5px;
	position: absolute;
}

.tab-content .tab-pane.chart .row .row {
	padding: 0;
	margin-bottom: 0;
	border-radius: 0;
	background-color: transparent;
}

.tab-content .tab-pane.chart .row .card-body {
	padding: 25px 0;
}

.tab-content .tab-pane.chart .card-primary .dropzone .dz-message {
	font-size: 14px;
	font-weight: 500;
	color: #949494;
	margin: 50px 0;
}

.tab-content .tab-pane.chart .card-primary .dropzone .dz-message:before {
	content: "";
	background-image: url(../images/upload-icon.png);
	width: 40px;
	height: 36px;
	display: block;
	margin: 0 auto 10px;
	background-size: 40px;
}

.tab-content .tab-pane.chart .dropzone .dz-preview .dz-image {
	background-color: #f6f6f6;
}

.tab-content .tab-pane.chart .dropzone .dz-preview .dz-image img {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.tab-content .tab-pane.chart .dropzone .dz-preview .dz-remove {
	font-size: 14px;
	font-weight: 500;
	color: #405189;
	margin-top: 5px;
}

.tab-content .tab-pane.chart .saveMultipleDocumentsName,
.tab-content .tab-pane.chart .saveDocumentsName,
.tab-content .tab-pane.chart .saveJointDocumentsName,
.tab-content .tab-pane.chart .saveSmartsearchDocumentsName,
.tab-content .tab-pane.chart .saveBusinessDocumentsName,
.tab-content .tab-pane.chart .saveKycFormDocumentsName,
.tab-content .tab-pane.chart .saveRiskAssessmentDocumentsName,
.tab-content .tab-pane.chart .saveKycFormDocumentsName,
.tab-content .tab-pane.chart .saveRegisteredEmailDocumentsName,
.tab-content .tab-pane.chart .saveKddDocumentsName,
.tab-content .tab-pane.chart .saveConfirmationLettersDocumentsName,
.tab-content .tab-pane.chart .save-documents-name,
.tab-content .tab-pane.chart .saveProofPaymentDocumentsName,
.tab-content .tab-pane.chart .saveFundingSlipDocumentsName,
.tab-content .tab-pane.chart .savePasswordLetterDocumentsName,
.tab-content .tab-pane.chart .savePropertyDocumentsName,
.tab-content .tab-pane.chart .saveInvoicesDocumentsName,
.tab-content .tab-pane.chart .saveEmailAttachmentDocumentsName {
	padding: 12px;
	color: #fff;
	border-radius: 5px;
	background-color: #0ab39c;
	border-color: #0ab39c;
	height: 35px;
	width: 35px;
	text-align: center;
	cursor: pointer;
	margin: 0 7px;
	min-width: 35px;
}

.tab-content .tab-pane.chart .close-documents-name,
.tab-content .tab-pane.chart .closeMultipleDocumentsName,
.tab-content .tab-pane.chart .closeDocumentsName,
.tab-content .tab-pane.chart .closeJointDocumentsName,
.tab-content .tab-pane.chart .closeregisDocumentsName,
.tab-content .tab-pane.chart .closeBusinessDocumentsName,
.tab-content .tab-pane.chart .closeKycFormDocumentsName,
.tab-content .tab-pane.chart .closeRiskAssessmentDocumentsName,
.tab-content .tab-pane.chart .closePasswordLetterDocumentsName,
.tab-content .tab-pane.chart .closeSmartsearchDocumentsName,
.tab-content .tab-pane.chart .closeKddDocumentsName,
.tab-content .tab-pane.chart .closeConfirmationLettersDocumentsName,
.tab-content .tab-pane.chart .closeProofPaymentDocumentsName,
.tab-content .tab-pane.chart .closeFundingSlipDocumentsName,
.tab-content .tab-pane.chart .closePropertyDocumentsName,
.tab-content .tab-pane.chart .closeInvoicesDocumentsName,
.tab-content .tab-pane.chart .closeEmailAttachmentDocumentsName {
	padding: 12px;
	color: #fff;
	border-radius: 5px;
	background-color: #f06548;
	border-color: #f06548;
	height: 35px;
	width: 35px;
	text-align: center;
	cursor: pointer;
	margin: 0 7px;
	min-width: 35px;
}

.tab-content .tab-pane.chart .saveData,
.tab-content .tab-pane.chart .cancelData {
	padding: 0;
	background: transparent;
	vertical-align: top;
	font-size: 12px;
}

.tab-content .tab-pane.chart .form-check {
	padding-left: 20px;
	margin-bottom: 5px;
	display: flex;
	align-items: center;
}

.tab-content .tab-pane.chart .form-check .form-check-input {
	width: 20px;
	height: 20px;
	margin-right: 10px;
	border-radius: 5px;
	margin-top: 1px;
}

.tab-content .tab-pane.chart .form-check .form-check-label {
	margin-left: 9px;
	margin-bottom: 0;
}

.modal .card {
	box-shadow: 0px 0px 23.75px 1.25px rgba(0, 0, 0, 0.1);
	border: none;
	border-radius: 5px;
}

.modal .card .card-header .card-title {
	font-size: 16px;
}

.modal .card .icheck-primary label {
	font-size: 14px;
	font-weight: 600;
}

.modal .card .modal-footer .btn-primary {
	font-size: 14px;
	font-weight: 500;
	padding: 6px 22px;
}

.dropdown-menu-lg {
	min-width: 385px;
	border-radius: 5px;
	border-color: #d9dee3;
}

.dropdown-menu-lg .img-size-50 {
	width: 65px;
}

.dropdown-item-title {
	font-size: 14px;
	font-weight: 500;
}

.dropdown-menu-lg .dropdown-item .text-sm,
.dropdown-menu-lg p {
	font-size: 13px !important;
}

.dropdown-menu-lg .media-body .dropdown-item-title .fas {
	font-size: 14px;
	vertical-align: middle;
}

.dropdown-menu-lg .dropdown-item .fas,
.dropdown-menu-lg .dropdown-item .far,
.dropdown-menu-lg .media-body .far {
	font-size: 14px;
	vertical-align: middle;
}

.dropdown-menu-lg .dropdown-item {
	padding: 15px;
	border-radius: 5px;
	white-space: normal;
	background-color: #fff !important;
	box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.1);
	color: #353935;
	cursor: pointer;
	font-size: 13px;
}

.dropdown-menu-lg .dropdown-item.dropdown-footer {
	font-size: 13px;
	font-weight: 500;
}

.dropdown-menu #all_comment_list .p-2,
.dropdown-menu #notification_all_list .p-2,
.dropdown-menu #notification_all_list_kyc .p-2 {
	position: relative;
}

.dropdown-menu .btn {
	position: absolute;
	top: 18px;
	right: 18px;
	font-size: 12px;
	line-height: 11px;
	padding: 5px;
	width: 22px;
	height: 22px;
	background-color: #ff373b !important;
	border-color: #ff373b !important;
}

.table a.dropdown-item {
	background-color: #66c732 !important;
	font-size: 14px;
	color: #fff;
	padding: 5px 15px;
	border-radius: 5px;
}

.table a.dropdown-item .text-muted {
	color: #f1f1f1 !important;
}

.table a.dropdown-item:hover {
	color: #f1f1f1;
}

.modal .zohoEmailExistsModal .card .row {
	align-items: flex-start;
}

.content .card-body .row {
	align-items: flex-start;
}

textarea {
	resize: none;
}

.ui-menu.ui-widget {
	max-width: 350px;
	background-color: #fff;
	border-radius: 10px;
}

.bootstrap-datetimepicker-widget,
.bootstrap-datetimepicker-widget table {
	max-width: 100% !important;
	width: auto !important;
}

.brokers-listing-wrap .brokers-name-img {
	margin-right: 10px;
}

.brokers-listing-wrap .brokers-img {
	width: 50px;
	height: 50px;
	border-radius: 5px;
}

.brokers-listing-wrap .brokers-listing-name {
	font-size: 14px;
	font-weight: 700;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b {
	left: 25%;
	border: none;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%2867, 89, 113, 0.6%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position-x: 97%;
	background-position-y: 50%;
	background-size: 17px 12px;
	width: 17px;
	height: 12px;
}

.select2-container--bootstrap4 .select2-results__option--highlighted,
.select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected="true"] {
	background-color: #ccc;
	color: #353935;
}

select.custom-select,
select.form-control {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%2867, 89, 113, 0.6%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position-x: 97%;
	background-position-y: 50%;
	background-size: 17px 12px;
}

.user-panel .image img {
	border: 1px solid #ccc;
	box-shadow: none !important;
	border-radius: 50px;
}

.main-footer {
	font-size: 12px;
}

.note-editor.note-airframe .note-editing-area .note-editable,
.note-editor.note-frame .note-editing-area .note-editable {
	font-size: 14px;
}

@media only screen and (min-width: 1500px) {
	.main-header .navbar-badge {
		font-size: 17px;
		top: -20px;
		right: -22px;
		width: 32px;
		height: 32px;
		line-height: 32px;
		border-radius: 35px;
	}

	.row.boxes .col-lg-2 {
		min-width: 160px;
		max-width: 220px;
	}
}

@media only screen and (max-width: 1500px) {
	.row.boxes .col-lg-2 {
		min-width: 160px;
		max-width: 220px;
	}

	/* .main-header .notification-wrap img {max-width: 35px;} */
}

/*@media only screen and (max-width: 991px) {
	.sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .main-footer, .sidebar-mini.sidebar-collapse .main-header {margin-left: 0 !important;}
	.navbar-light .navbar-nav .far, .navbar-light .navbar-nav .fas {font-size: 20px;}
	.main-header .navbar-nav .nav-item {margin: 0 12px;}
	.navbar-light .navbar-nav .nav-link, .navbar-light .navi-item {font-size: 17px; height: 25px; line-height: 1.4;}
	.main-header .navbar-nav .nav-item .hamburger-menu {width: 25px; height: 25px;}
	.main-header .navbar-nav .nav-item .hamburger-menu span {height: 3px;}
	.main-header .navbar-nav .nav-item .hamburger-menu span:nth-child(2), .main-header .navbar-nav .nav-item .hamburger-menu span:nth-child(3) {top: 10px;}
	.main-header .navbar-nav .nav-item .hamburger-menu span:nth-child(4) {top: 20px;}

	.content-header h1 {font-size: 18px;}
	.content-header {padding: 15px .5rem 7px;}
	.card-header .card-title {font-size: 20px;}
	.content-wrapper > .content .form-group {margin-bottom: 16px;}
	.dashboard-box-wrp {padding: 15px 15px 0px; margin-bottom: 20px;}
	h4 {font-size: 18px;}
	.small-box {padding: 20px 15px 13px; margin-bottom: 15px;}
	.boxes .small-box p {font-size: 18px; margin-bottom: 15px !important;}
	.row.boxes .small-box .inner h3 {font-size: 24px !important; margin-bottom: 20px !important;}
	.row.boxes .col-lg-2 {min-width: 200px; max-width: 200px;}
	.card-tools .nav-pills .nav-item {margin-right: 6px !important;}
	.card-tools .nav-pills .nav-link {padding: 5px 8px;}
	.content .card-body .btn-primary, .content .card-footer .btn-primary {padding: 5px 15px;}

	.toggle.btn {height: 30px !important; width: 70px !important;}
	.toggle.btn .toggle-group .toggle-on, .toggle.btn .toggle-group .toggle-off {height: 30px !important;}
	.toggle.btn .toggle-group .toggle-handle {width: 22px; height: 22px !important; left: -15px;}
	.toggle.btn.off .toggle-group .toggle-handle {left: 15px;}
	.toggle.btn .toggle-group .toggle-on {padding: 4px 30px 4px 5px;}
	.card .nav-tabs li {margin-right: 20px;}
	.card .nav-tabs li a {font-size: 16px; padding: 5px 8px !important;}

	.main-sidebar .os-host-scrollbar-horizontal-hidden .user-panel .image, .sidebar-mini.sidebar-collapse .main-sidebar:hover .user-panel .image {width: 35px;}
	[class*="sidebar-dark-"] .sidebar a {font-size: 16px;}
	.sidebar-mini .main-sidebar .nav-link, .sidebar-mini-md .main-sidebar .nav-link, .sidebar-mini-xs .main-sidebar .nav-link {padding: 8px 10px; height: 50px;}
	.nav-sidebar .nav-link.active p, .sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar .nav-link.active p, .sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar .nav-link.active p, .sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar .nav-link.active p {font-size: 16px;}
	.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {border-radius: 0px;}
	.nav-sidebar > .nav-item .nav-icon img {max-width: 25px; margin-right: 2px;}
	.nav-sidebar .nav-link > .right, .nav-sidebar .nav-link > p > .right {top: 16px;}

	.dropdown-menu-lg {min-width: 350px;}
	.dropdown-item-title {font-size: 18px;}
	.dropdown-menu-lg .img-size-50 {width: 55px;}
	.dropdown-menu-lg p {font-size: 15px !important;}
}
@media only screen and (max-width: 767px) {
	.card-header .card-title {font-size: 20px; display: block; text-align: center; width: 100%; margin-bottom: 10px;}
	.card-header > .card-tools {width: 100%; text-align: center;}
	.card-header > .card-tools .nav.nav-pills {justify-content: center;}
	.card-tools .nav-pills .nav-item {margin-right: 4px !important;}
	.card-tools .nav-pills .nav-link {padding: 3px 6px;}
	.table tbody td .dtr-data .btn-success {font-size: 12px;}

	.connectedSortable .card .ui-sortable-handle .process, .connectedSortable .card .ui-sortable-handle .sendDocumentButton {margin-bottom: 5px;}
}
@media only screen and (max-width: 575px) {
	.sidebar-mini .wrapper {overflow: hidden;}
	.main-sidebar + .content-wrapper {min-width: 320px;}
	.sidebar-mini .main-sidebar .nav-link, .sidebar-mini-md .main-sidebar .nav-link, .sidebar-mini-xs .main-sidebar .nav-link {height: 47px;}
	.dashboard-box-wrp .boxes.row {justify-content: center;}
	.ui-sortable .card-header.ui-sortable-handle {padding: 20px 20px 0;}
	.card-tools .nav-pills .nav-link {padding: 3px 6px; margin-bottom: 5px; border-radius: 7px;}
	.main-footer {font-size: 12px;}
	.content-header h1 {text-align: center;}
	.content-header .breadcrumb {text-align: center; justify-content: center;}
	.small-box {border-radius: 15px;}
	.dashboard-box-wrp .row > h4 {width: 100%; text-align: center;}
	.user-panel .info a {width: 50px;}
	.wrapper .content-wrapper {min-height: unset; height: auto;}
	.page-link {height: 25px;padding: 3px 6px; margin-right: 3px;}
	div.dataTables_wrapper div.dataTables_info {font-size: 14px; margin-bottom: 10px;}
	table.table-bordered.dataTable {width: 100% !important; max-width: 100% !important; min-width: 100%; overflow-x: auto !important;}
	table.dataTable > tbody > tr.child span.dtr-title {min-width: unset;}
	.table tbody td .dtr-title {font-size: 14px;}
	.table tbody td .dtr-data {font-size: 14px;}
	.content .dataTables_wrapper .form-control {padding: 5px 15px;}
	.modal .close {width: 35px; height: 35px; top: 8px; right: 8px; font-size: 30px; line-height: 30px;}
	.modal label {font-size: 16px;}
	.modal .form-control {padding: 4px 15px; font-size: 16px; height: 40px;}
	.card .card-body .modal .btn-primary,
	.modal .btn-default {font-size: 16px; height: 40px;}

	.content .card-body .custom-select {padding: 10px 15px;}
	.btn-default i, .btn-light.btn-hover-primary.btn-sm i, .content .card-body .btn-warning.btn-view i, .content .card-body .btn-warning.btn-edit i, .content .card-body .btn-warning.btn-sm i {line-height: 26px; font-size: 14px !important;}
	.btn-default, .btn-light.btn-hover-primary.btn-sm {height: 30px; width: 30px; padding: 2px;}
	.card .nav-tabs li a {border-radius: 10px;}
	.btn-success.btn-default {height: 30px;}

	.tab-content .tab-pane.chart .row {padding: 20px;}
	.tab-content .tab-pane h5 {font-size: 20px;}
	.tab-content .tab-pane.chart p {font-size: 14px !important;}
	.tab-content .tab-pane.chart p span {font-size: 14px !important;}
	.tab-content .tab-pane.chart .card-primary:not(.card-outline) > .card-header, .tab-content .tab-pane.chart .card-primary .card-header {font-size: 20px;}
	.tab-content .tab-pane.chart .row {padding: 15px;}
	.tab-content .tab-pane.chart .card-primary .dropzone .dz-message {font-size: 16px; margin: 20px 0;}
	.tab-content .tab-pane.chart .card-primary .dropzone .dz-message::before {width: 50px; height: 35px; background-size: cover;}
	.tab-content .tab-pane.chart .card-primary .dropzone {min-height: 150px;}

	.tab-content .tab-pane.chart .row .dltRow {padding: 0;}
	.tab-content .tab-pane.chart .row .info-box .info-box-icon {width: 26px; height: 30px;}
	.tab-content .tab-pane.chart .row .info-box {margin-bottom: 7px;}
	.tab-content .tab-pane.chart .info-box .info-box-content {padding: 0 0 0 8px;}
	.tab-content .tab-pane.chart .info-box .info-box-content .info-box-number i {width: 28px; height: 28px; line-height: 28px; font-size: 12px;}
	.tab-content .tab-pane.chart .info-box .info-box-content .info-box-text a {font-size: 18px;}
	.tab-content .tab-pane.chart .cancelData, .tab-content .tab-pane.chart .saveData {height: 35px; width: 35px; padding: 9px;}
	.tab-content .tab-pane.chart p button i {line-height: 20px; font-size: 14px;}
	.modal .card .card-header .card-title {font-size: 22px;}
	.modal .card .icheck-primary label {font-size: 18px;}
	.modal .modal-header .modal-title {font-size: 26px;}
	.swal2-popup .swal2-close, .swal2-popup .swal2-close:hover, .modal .close {width: 50px; height: 50px;}
	.swal2-popup .swal2-close, .swal2-popup .swal2-close:hover {top: -15px; right: -15px;}
	.swal-modal .swal-title, .swal2-popup .swal2-title, .modal .modal-header .modal-title {font-size: 32px;}
	.swal2-popup .swal2-content,
	.swal2-popup .swal2-header {padding: 0;}
	.swal-modal .swal-text, .swal2-popup .swal2-content, .modal label {font-size: 20px;}
	.swal-modal .swal-button-container .swal-button--confirm,
	.swal2-popup .swal2-actions .swal2-confirm {height: 40px; font-size: 20px;}

	.dropdown-menu-lg {min-width: 300px; left: 50%; transform: translateX(-50%);}
	.dropdown-menu-lg .dropdown-item {padding: 10px;}
	.dropdown-menu-lg .img-size-50 {width: 55px; margin-right: 10px !important;}
	.dropdown-item-title {font-size: 18px;}
	.dropdown-menu-lg .media-body .dropdown-item-title .fas {font-size: 20px;}
	.dropdown-menu-lg p {font-size: 15px !important;}
	.dropdown-menu-lg .media-body .far {font-size: 18px;}
	[class*="icheck-"] > input:first-child:checked + label::after {left: 5px;}
}
@media only screen and (max-width: 400px) {
	.connectedSortable .card .ui-sortable-handle .mr-2 {width: 100%; margin-right: 0 !important;}
	.connectedSortable .card .ui-sortable-handle .process.btn-secondary, .connectedSortable .card .ui-sortable-handle .sendDocumentButton.btn-secondary {width: 100%;}
}*/
/**** Validation Start ****/
.form-control.error,
.select2-error .select2-selection {
	border-color: red !important;
}

label.error {
	display: none !important;
}

.custom-select.error+label+.select2-selection {
	border-color: red !important;
}

/**** Validation End ****/

/******search-box-datatable-align-right****/
.dataTables_filter {
	width: 50%;
	float: right;
	text-align: right;
}

/****** Notification Design *****/
.swal2-container .swal2-popup {
	padding: 0;
}

.swal2-container .swal2-popup .swal2-title .dropdown-item-title {
	font-weight: 700;
	margin-bottom: 5px;
}

.swal2-container .swal2-popup .swal2-title {
	margin: 0;
}

.swal2-container .swal2-popup .swal2-title .p-2 {
	padding: 0 !important;
}

.swal2-container .swal2-popup .swal2-title .dropdown-item {
	padding: 15px 20px;
	background-color: #405189;
	color: #fff
}

.swal2-container .swal2-popup .swal2-title .dropdown-item.active,
.swal2-container .swal2-popup .swal2-title .dropdown-item:active {
	color: #fff
}

.swal2-container .swal2-popup .text-muted {
	color: #fff !important;
}

.swal2-container .swal2-popup .text-sm {
	font-size: 14px !important;
	margin-bottom: 3px !important;
}

/****** Accordion(FAQ) Design *****/
.accordion-main-wrap .card-header {
	padding: 0;
	border: 0 solid #d9dee3;
	border-radius: 8px;
}

.accordion-main-wrap .card-header .btn {
	padding: 20px 35px;
	color: #333;
	font-size: 16px;
	font-weight: 700;
	display: block;
	width: 100%;
	text-align: left;
	position: relative;
}

.accordion-main-wrap .card-header .btn.collapsed:after {
	content: "+";
}

.accordion-main-wrap .card-header .btn:after {
	content: "-";
	position: absolute;
	right: 35px;
	font-size: 30px;
	font-weight: 500;
	line-height: 25px;
	height: 25px;
	width: 25px;
	text-align: center;
}

/****** Calendar Css *****/
.daterangepicker .calendar-table table {
	background-color: transparent;
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
	padding: 0;
}

.daterangepicker .calendar-table tr {
	background-color: transparent;
}

.daterangepicker .drp-buttons .btn {
	width: auto;
}

#brokerSummary3 .boxes .small-box p {
	margin-bottom: 10px !important;
	min-height: 43px;
}




/***** New design changes *****/
.layout-fixed .wrapper .sidebar {
	height: calc(100vh - (3.5rem + 29px));
}


select {
	border: 1px solid #d9dee3;
	border-radius: 5px !important;
	padding: 6px 13px;
	font-size: 14px;
	font-weight: 400;
	color: #353935;
	height: 35px;
	background-color: #fff;
}

select:focus {
	border-color: #696cff;
}

.btn-outline-primary {
	border-color: #696cff;
	color: #696cff;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
	background-color: #696cff;
	border-color: #696cff;
	color: #fff;
}

.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.select2 .image-icon {
	width: 20px !important;
	height: 20px !important;
}

.select2-container--classic .select2-selection--multiple {
	border-color: #d9dee3;
}


body .btn-icon i,
body .btn-icon:hover i,
body .btn-icon:focus i {
	color: #fff !important;
}

body .btn-icon {
	padding: 0;
	width: 36px;
	height: 36px;
	display: inline-flex;
	flex-shrink: 0;
	justify-content: center;
	align-items: center;
	border-radius: 0.375rem;
	transition: all .2s ease-in-out;
}

body .btn-icon:hover,
body .btn-icon:focus {
	transform: translateY(-1px);
}

html body .btn-icon.bg-blue {
	background-color: #03c3ec !important;
	border-color: #03c3ec !important;
}

html body .btn-icon.bg-blue:hover,
body .btn-icon.bg-blue:focus {
	background-color: #03b0d4 !important;
	border-color: #03b0d4 !important;
}

body .btn-icon.btn-icon-primary {
	color: #fff;
	background-color: #696cff !important;
	border-color: #696cff !important;
	box-shadow: 0 0.125rem 0.25rem 0 rgb(105 108 255 / 40%);
}

body .btn-icon.btn-icon-primary:hover,
body .btn-icon.btn-icon-primary:focus {
	background-color: #5f61e6;
	border-color: #5f61e6;
}

body .btn-icon.btn-icon-secondary {
	color: #fff;
	background-color: #8592a3 !important;
	border-color: #8592a3 !important;
	box-shadow: 0 0.125rem 0.25rem 0 rgb(133 146 163 / 40%);
}

body .btn-icon.btn-icon-secondary:hover,
body .btn-icon.btn-icon-secondary:focus {
	background-color: #788393 !important;
	border-color: #788393 !important;
}

body .btn-icon.btn-icon-warning {
	color: #fff;
	background-color: #ffab00 !important;
	border-color: #ffab00 !important;
	box-shadow: 0 0.125rem 0.25rem 0 rgb(255 171 0 / 40%);
}

body .btn-icon.btn-icon-warning:hover,
body .btn-icon.btn-icon-warning:focus {
	background-color: #e69a00 !important;
	border-color: #e69a00 !important;
}

body .btn-icon.btn-icon-dark {
	color: #fff;
	background-color: #233446 !important;
	border-color: #233446 !important;
	box-shadow: 0 0.125rem 0.25rem 0 rgb(35 52 70 / 40%)
}

body .btn-icon.btn-icon-dark:hover,
body .btn-icon.btn-icon-dark:focus {
	background-color: #202f3f !important;
	border-color: #202f3f !important;
}

body .btn-icon.btn-icon-alert {
	color: #fff;
	background-color: #dc3545 !important;
	border-color: #dc3545 !important;
	box-shadow: 0 0.125rem 0.25rem 0 rgb(35 52 70 / 40%)
}

body .btn-icon.btn-icon-alert:hover,
body .btn-icon.btn-icon-alert:focus {
	background-color: #c12131 !important;
	border-color: #c12131 !important;
}

body .btn-icon.btn-icon-danger {
	color: #fff;
	background-color: #dc3545 !important;
	border-color: #dc3545 !important;
	box-shadow: 0 0.125rem 0.25rem 0 rgb(35 52 70 / 40%)
}

body .btn-icon.btn-icon-danger:hover,
body .btn-icon.btn-icon-danger:focus {
	background-color: #c12131 !important;
	border-color: #c12131 !important;
}

body .btn-icon.btn-icon-success {
	color: #fff;
	background-color: #28a745 !important;
	border-color: #28a745 !important;
	box-shadow: 0 0.125rem 0.25rem 0 rgb(35 52 70 / 40%)
}

body .btn-icon.btn-icon-success:hover,
body .btn-icon.btn-icon-success:focus {
	background-color: #1e7e34 !important;
	border-color: #1e7e34 !important;
}

body .btn-icon.btn-icon-info {
	color: #fff;
	background-color: #138496 !important;
	border-color: #138496 !important;
	box-shadow: 0 0.125rem 0.25rem 0 rgb(35 52 70 / 40%)
}

body .btn-icon.btn-icon-info:hover,
body .btn-icon.btn-icon-info:focus {
	background-color: #117a8b !important;
	border-color: #117a8b !important;
}

body .btn-icon-link i {
	color: #696cff !important;
	font-size: 16px !important;
}


.control-sidebar {
	background-color: #fff;
	border-radius: 5px;
	padding: 0 15px;
	border: 0px solid #d9dee3;
	box-shadow: 0 2px 6px 0 rgb(67 89 113 / 12%);
	margin: 0;
}

.control-sidebar {
	z-index: 1035;
}

.control-sidebar .os-content {
	padding: 0 !important;
}

.control-sidebar-dark h1,
.control-sidebar-dark h2,
.control-sidebar-dark h3,
.control-sidebar-dark h4,
.control-sidebar-dark h5,
.control-sidebar-dark h6,
.control-sidebar-dark label {
	font-size: 14px;
	font-weight: 400 !important;
	color: #353935;
	border-color: #d9dee3;
}

.control-sidebar .custom-control-label::before {
	background-color: #fff;
	box-shadow: none;
	border: 1px solid #d9dee3;
	border-radius: 4px;
	top: 3px;
	outline: none;
}

.control-sidebar,
.control-sidebar::before {
	width: 300px !important;
}

.custom-control-input:checked~.custom-control-label::before, .custom-control-input:checked+.custom-control-label::before, 
.custom-control-input.checked+.custom-control-label::before {
	background-color: #696cff;
	border-color: #696cff;
	box-shadow: 0 2px 4px 0 rgb(105 108 255 / 40%);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

#side_filter_form {
	padding-bottom: 30px !important;
	padding-top: 7px;
}

.layout-fixed .control-sidebar .control-sidebar-content {
	height: auto !important;
	min-height: 100vh !important;
}

.control-sidebar .save-filet-item-wrap {
	padding: 17px 0 0px;
}

.control-sidebar .os-content-glue {
	height: auto !important;
}

.control-sidebar .sidebar-filter-title {
	font-size: 14px;
	font-weight: 600 !important;
	color: #353935;
	padding: 0;
}

.control-sidebar .sidebar-filter-title .arrow-icons {
	margin-right: 7px;
}

.control-sidebar .filter-listing .load-filter {
	font-size: 14px;
	color: #566a7f;
	font-weight: 500;
	padding: 5px 30px 5px 0;
	position: relative;
	border-radius: 5px;
	transition: all 0.3s ease-in-out;
}

.control-sidebar .filter-listing .load-filter:hover,
.control-sidebar .filter-listing .load-filter:focus {
	background-color: rgba(67, 89, 113, .04);
	padding: 5px 30px 5px 10px;
}

.control-sidebar .filter-listing .load-filter .dropdown-toggle {
	position: absolute;
	right: 10px;
	top: calc(50% - 13px);
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	font-size: 12px;
}

.control-sidebar .filter-listing .dropdown-toggle:before {
	z-index: 2;
	position: relative;
	line-height: 26px;
}

.control-sidebar .filter-listing .dropdown-toggle::after {
	content: '';
	background: #fff !important;
	transform: scale(0);
	transition-property: transform, opacity;
	transition-duration: .15s;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: -1;
	border-radius: 50px;
	left: 0;
	opacity: .7;
	border: 1px solid #c7d2e2;
	box-shadow: 0 2px 4px 0 rgb(0 0 0 / 5%);
}

.control-sidebar .filter-listing .dropdown-toggle:hover:after {
	transform: scale(1);
	z-index: 1;
	opacity: 1;
}

.control-sidebar .filter-listing .dropdown-menu {
	box-shadow: rgba(161, 172, 184, 0.45) 0px 0.25rem 1rem;
	border-radius: 5px;
	min-width: 90px;
	padding: 0;
}

.control-sidebar .filter-listing .dropdown-item {
	font-size: 14px;
	color: #566a7f;
	font-weight: 500;
}

.control-sidebar .save-filet-item-wrap .filter-div {
	margin-top: 7px;
	font-size: 0;
}

.control-sidebar .save-filet-item-wrap select {
	margin-right: 2%;
}

.control-sidebar .save-filet-item-wrap .custom-select2 {
	margin: 0 !important
}

.control-sidebar .save-filet-item-wrap .form-control {
	/* max-width: 48%; */
	display: inline-block;
	border: 1px solid #d9dee3;
	border-radius: 5px !important;
	padding: 3px 10px;
	font-size: 14px;
	font-weight: 400;
	color: #353935;
	height: 30px;
	vertical-align: middle;
}


.control-sidebar .save-filet-item-wrap .select2-container {
	/* display: inline-block;
	width: 48% !important;
	vertical-align: middle; */
}

.control-sidebar .save-filet-item-wrap .select2-container--bootstrap4 .select2-selection {
	height: auto !important;
	/* padding: 0px 10px 3px; */
	min-height: 30px !important;
}

.control-sidebar .save-filet-item-wrap .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered {
	padding-left: 15px !important;
	white-space: normal !important;
    word-wrap: break-word !important;
}

.control-sidebar .save-filet-item-wrap .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
	font-size: 12px;
	font-weight: 400;
	color: #353935;
	padding-right: 5px;
}

.select2-container--bootstrap4 .select2-results__option {
	font-size: 14px;
	font-weight: 400;
	color: #353935;
}

.control-sidebar .save-filet-item-wrap #type .change-dropdown-options {
	max-width: 30%;
}

.control-sidebar .save-filet-item-wrap #type .select2-container {
	width: 66% !important;
}

.sidebar-collapse .select2-results__option:before {
	content: none !important;
}

.control-sidebar .save-filet-item-wrap #settles_at .change-date-options {
	max-width: 100%;
}

.control-sidebar .save-filet-item-wrap #settles_at select {
	margin-right: 0;
}

.control-sidebar .save-filet-item-wrap #settles_at .form-control {
	margin-right: 2%;
}

.control-sidebar .save-filet-item-wrap #settles_at .form-control:last-child {
	margin-right: 0;
}

.control-sidebar .save-filet-item-wrap #settles_at .input-group .far:before {
	margin-right: 0;
}

.control-sidebar .save-filet-item-wrap #settles_at #sideFilterDate {
	border-radius: 0 5px 5px 0 !important;
	max-width: 100%;
}

.control-sidebar .save-filet-item-wrap#save-filet-item2 {
	padding-bottom: 30px;
}

.image-icon {
	height: 25px !important;
	width: 25px !important;
}


/* ['text' => 'Not Available', 'value' => 1, 'class' => 'notAvailableDeals', 'bgColor' => '#dc3545'],
['text' => 'Not Linked', 'value' => 2, 'class' => 'notLinkedDeals', 'bgColor' => '#ffc107'],
['text' => 'Linked Deals', 'value' => 3, 'class' => 'linkedDeals', 'bgColor' => '#28a745'],
['text' => 'Not Matched Payments', 'value' => 4, 'class' => 'notMatchedPayment', 'bgColor' => '#fd7e14'], */

.select2-container .bgcolor {
	background-color: #dc3545 !important;
}

/* .select2-container .bgcolor:nth-child(2) {background-color: #dc3545;} */
.select2-container .bgcolor:nth-child(2) {
	background-color: #ffc107 !important;
}

.select2-container .bgcolor:nth-child(3) {
	background-color: #28a745 !important;
}

.select2-container .bgcolor:nth-child(4) {
	background-color: #fd7e14 !important;
}

.custom-select23+.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
	font-size: 12px;
	font-weight: 400;
	color: #353935;
	padding-right: 5px;
	border-color: #bdc6d0;
	background-color: #fff;
}

.custom-select23+.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {
	float: left;
	padding-right: 3px;
	padding-left: 3px;
	margin-right: 1px;
	margin-left: 3px;
	font-weight: 700;
	color: #bdc6d0;
}

.sidebar-collapse .select2-results__option[aria-selected=true]:after {
	content: none;
}

.custom-select23+.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	float: left;
}

/* Changes in filter, cross, save & undo button */
.filter-primary-btn{
	color: #fff;
	background-color: #007bff;
	border-color: #007bff;
}
.filter-primary-btn:hover{
	color: #fff;
	background-color: #0069d9;
	border-color: #0069d9;
}
.filter-success-btn{            
	color: #fff;
	background-color: #28a745;
	border-color: #28a745;
}
.filter-success-btn:hover{
	color: #fff;
	background-color: #218838;
	border-color: #218838;
}

.filter-cross-icon{
	padding: 10px 5px 0 0;
	font-size: 20px;
	color:#353935;
}
.filter-undo-icon{
	padding: 3px 5px 0 0;
	font-size: 16px;
}
.available-filter-box{
	margin-top: 10px;
	margin-bottom: 25px;
}