@import "WWPBaseObjects.WorkWithPlusBaseDS.css";
@import "WorkWithPlusDS_Tokens.css";


@layer WorkWithPlusDS {
/* [gx-css-import ignore - start] */
 
/* [gx-css-import ignore - end] */
/* [gx-css-user-controls - start] */
/* [gx-css-user-controls - end] */
.Image_Login 
{
	vertical-align : middle;
	max-width : 100%;
	border-radius : 15px;
}
.Image_Register 
{
	vertical-align : middle;
	max-width : 100%;
	border-radius : 15px;
	width : 40%;
}
.header-gradient-soft 
{
	background : linear-gradient(90deg, #ffffff 0%, #f8f9fb 20%, #6b8fc7 100%) !important;
}
.FormBackgroundImage 
{
	margin : 0pt;
	padding : 0pt;
	background-color : var(--colors_backgroundcolor);
	background-image : none;
	font-family : var(--fonts_primary-regular);
	color : var(--colors_gray08);
	height : 100%;
	overflow : auto;
	background-size : cover;
	background : linear-gradient(to right, #2c4866, #5ba3d4);
	position : relative;
}
headerhero 
{
	background : linear-gradient(to right, #2c4866, #5ba3d4);
	color : #fff;
	text-align : center;
	position : relative;
}
.FormBackgroundImage .gx-popup.gx-popup-default 
{
}
.FormBackgroundImage .gx-popup.gx-popup-default 
{
}


@media (max-width: 768px)
{
	.header-gradient-soft 
	{
		background : linear-gradient(90deg, #ffffff 0%, #f8f9fb 15%, #6b8fc7 90%) !important;
	}
}


@media (max-width: 480px)
{
	.header-gradient-soft 
	{
		background : linear-gradient(90deg, #ffffff 0%, #f8f9fb 10%, #6b8fc7 85%) !important;
	}
}

}