/*:root {
	--colorPrimary: #22403d;
	--colorSecondary: #6dc8bf;
	--bgPrimary: #22403d;
	--bgSecondary: #6dc8bf;
	
	}*/
	.bg-primary {
		/*background: #22403d;*/
		background: var(--colorPrimary);
	}
	.bg-gray-primary {
		background: #fff;
	}
	.bg-gray-login-gray {
		background: #ACADAD;
	}
	.bg-secondary {
		background: var(--bgSecondary);
	}
	.bg-login-gray {
		background: #6b807d;
	}
	.font-primary {
		color: var(--colorPrimary);
		/*color: #22403d;*/
	}
	.font-secondary {
		color: var(--colorSecondary);
		/*color: #6dc8bf;*/
	}	
	.font-black {
		color: #000 !important;
	}
	.font-white {
		color: #fff !important;
	}
	.font-color-span {
		color: var(--colorSecondary);
	}
	.bodybackground .bg-login-gray {
		background: #ACADAD;
	}
	/*.bodybackground .bg-primary {
		background: #fff;
	}*/
/*.bodybackground .font-color-span {
	color: #000;
	}*/
	.bodybackground .input100 {
		color:var(--colorPrimary);
	}
	.bodybackground .input100::placeholder {
		color: var(--colorPrimary);
	}
	.bodybackground .wrap-input100 {
		border-bottom: 1px solid var(--colorPrimary);
	}
	.bodybackground .focus-input100::before {
		background: var(--colorPrimary);
	}
	.bodybackground input.form-control.btn.btn-submit {
		background: var(--colorPrimary);
	}
	.bodybackground input.form-control.btn.btn-submit:hover {
		background: var(--colorPrimary);
		opacity: 0.6;
	}
	.bodybackground svg.user-email path,  .bodybackground svg.user-email ellipse,
	.bodybackground svg.user-password path, form.form-inline .form-group .icon-img svg path.fill-icon,
	.down-aerrow svg path.fill-icon {
		fill: var(--colorPrimary);
	}
	form.form-inline .form-group .icon-img svg path.stroke-icon  {
		stroke: var(--colorPrimary);
	}
	.bodybackground .login-reg-box .column:after {
		background: var(--colorSecondary);
	}

	.default-login .wrap-login-reg-box {
		background: var(--bggrayColor);
	}


	.bodybackground .login-reg-box .box-description h2, .bodybackground .login-reg-box .box-description h2 span {
		color: #000;
	}
	.bodybackground .wrap-login-reg-box {
		background: var(--bggrayColor);
	}
	.wrap-login-reg-box.bg-image-black .login-reg-box .box-description h2 span {
		color: rgb(214, 255, 251) !important;
	}
	.wrap-login-reg-box.bg-image-black .bg-primary .wrap-input100 {
		border-bottom: 1px solid #d6fffb;
	}
	.wrap-login-reg-box.bg-image-black .bg-primary .wrap-input100 .input100 {
		color: rgb(255, 255, 255) !important;
	}
	.wrap-login-reg-box.bg-image-black .bg-primary .wrap-input100 .input100::placeholder {
		color:rgb(214, 255, 251) !important;
	}

	.bg-image-gray .login-reg-box .box-description h2 span, .bg-image-gray .login-reg-box .box-description h2 {
		color:#000;
	}
	.bodybackground span.info {
		background: var(--colorPrimary);
        color: #fff;
	}

    svg.menu-svg path, svg.menu-svg ellipse, svg.menu-svg rect {
    fill: var(--colorSecondary);
}