:root {
	--login-display: flex;
	--login-title-order: 2;
	--login-logo-order: 1;
	--login-description-order: 3;
    --login-form-field-border-radius: 40px;
    --login-background-color: rgba(255, 255, 255, 0.7);
    --login-background-size: cover;
    --login-background-position: center;
    --login-form-background-color: rgba(255, 255, 255, 0.7);
    --login-form-width: 500px;
    --login-form-position-vertical: center;
    --login-form-position-horizontal: center;
    --login-form-logo-display: block;
    --login-form-title-text-size: 28px;
    --login-form-subtitle-text-size: 24px;
    --footer-align-items: center;
    --footer-flex-direction: unset;
    --footer-logos-justify: center;
    --footer-extra-text-align: center;
    --footer-logos-section-display: none;
    --footer-logo1-display: none;
    --footer-logo2-display: none;
    --footer-logo3-display: block;
    --footer-logo4-display: none;
    --footer-logo5-display: none;
    --footer-extra-text: block;
    --login-form-right-half: 46.6%;
    --login-copyright-position: center;
    --login-copyright-text-color: #ffffff;
    --login-form-border-raduis: 20px;
    --login-form-blur-rate: -5px;
    --login-form-text-color: #333333;
    --login-form-text-weight: 800;
    --login-form-error-color: #c02320;
    --shell-header-logo-height: 43px;
	--login-form-border-radius: 16px;

	.sis-login__languages{
		margin-bottom: 30px;
	}

	.sis-login__form-content {
		border-radius: var(--login-form-border-radius);
		text-align: center;
		padding: 46px 72px 56px !important;
	}

	.sis-login__logo, .sis-login__logo-image{
		display: none !important;
	}

	.sis-login__form {
		margin: 0 calc((var(--login-form-right-half) - var(--login-form-width)) / 1.9) !important;
	}

	.sis-login__description {
		font-family: Proxima Nova, Roboto, Arial, sans-serif;
		text-transform: initial;
	}

	.sis-login__form-group{
		padding-top: 46px !important;
	}

	.sis-login__form-action {
		font-family: Proxima Nova, Roboto, Arial, sans-serif !important;
		height: 40px;
		text-transform: uppercase;
		margin-top: 6px;
	}
	
	.sis-login__form-action .mat-button-focus-overlay,
	.sis-login__form-action .mat-button-ripple{
		border-radius: var(--login-form-field-border-radius);
	}
	
	.sis-login__registration .sis-login__form-link,
	.sis-login__language.sis-login__language--selected,
	.sis-login__form-link, 
	.sis-login__form-action.sis-login__form-action--mobile-app{
		color: #2C79E7 !important;
	}
	
	.sis-login .sis-login__form-error{
		font-family: Proxima Nova, Roboto, Arial, sans-serif;
		margin-bottom: 16px;
	}
	
	.sis-login__form-group--error > .sis-login__form-control:last-child {
		margin-bottom: 0 !important;
	}

	.sis-login__form-control.sis-form-field .mat-input-element:not(textarea), .sis-login__form-control.sis-form-field .mat-select,
	.sis-login__form-control.sis-form-field .mat-form-field-label-wrapper .mat-form-field-label,
	.sis-login__form-control.sis-form-field .mat-form-field-placeholder-wrapper .mat-form-field-label {
		height: 40px !important;
		line-height: 46px !important;
		padding: 0 12px !important;
	}

	.sis-login__form-control.sis-form-field .mat-input-element:not(textarea), .sis-login__form-control.sis-form-field .mat-select {
		border: 1px solid #C1C1E4 !important;
	}

	.sis-login__form-control.sis-form-field .mat-form-field-label-wrapper .mat-form-field-label,
	.sis-login__form-control.sis-form-field .mat-form-field-placeholder-wrapper .mat-form-field-label {
		top: -4px !important;
	}

	.sis-login__form-control.sis-form-field .mat-form-field-suffix {
		width: 40px !important;
		height: 40px !important;
		line-height: 40px !important;
	}

	.sis-login .sis-login__password-eye{
		color: #333333 !important;
	}

	.sis-login__footer .sis-login__copyright {
		font-family: Proxima Nova, Roboto, Arial, sans-serif;
	}

	.sis-login__copyright--year{
		display: none;
	}

	@media (max-width: 1200px) and (min-width: 855px) {
		--login-form-width: 500px;
		--login-form-title-text-size: 22px;
		--login-form-subtitle-text-size: 24px;

		/*.sis-login__form-group, .sis-login__form-action	{
			max-width: 300px;
		}*/
	}

/*	@media screen and (max-width: 1680px) and (min-width: 1440px) {
		--login-form-right-half: 33.5%;
		--login-form-width: 360px;

		.sis-login__form {
			margin: 0 calc((var(--login-form-right-half) - var(--login-form-width)) / 1.5) !important;
		}

		.sis-login__footer .sis-login__copyright {
			margin: 0 calc((var(--login-form-right-half) - var(--login-form-width)) / 1.5 - 12px) !important;
		}
	}*/

/*	@media screen and (max-width: 1680px) and (min-width: 1280px) {
		.sis-login__logo-image {
			height: 120px !important;
		}
	}*/
/*	@media screen and (max-width: 1366px) and (min-width: 1280px) {
		--login-form-right-half: 30.5%;
		--login-form-width: 340px;

		.sis-login__form {
			margin: 0 calc((var(--login-form-right-half) - var(--login-form-width)) / 0.6) !important;
		}

		.sis-login__footer .sis-login__copyright {
			margin: 0 calc((var(--login-form-right-half) - var(--login-form-width)) / 0.6 - 12px) !important;
		}
	}*/

	/*	@media (max-width: 990px) {
            --login-form-position-horizontal: center;
            --login-form-position-vertical: flex-end;
            --login-form-background-color: rgba(255, 255, 255, 0.8);
            --login-copyright-position: center;
            --footer-flex-direction: column;
            --login-form-width: 440px;
            --login-copyright-text-color: #ffffff;
        }*/

	@media screen and (max-width: 853px) and (min-width: 320px), (max-width: 1080px) {
		
		.sis-login {
			background: none;
		}

		.sis-login__container {
			justify-content: center !important;
		}

		.sis-login__logo-image {
			height: 75px;
		}

		/*.sis-login__footer {
			justify-content: center !important;
		}

		.sis-login__copyright {
			text-align: center !important;
		}*/
	}

	/*@media screen and (max-width: 853px) and (min-width: 320px){
		.sis-login.sis-login--xs .sis-login__form, .sis-login__copyright {
			width: 100% !important;
		}
	}*/

	@media screen and (max-width: 1080px) and (min-width: 854px), (min-height: 2004px) {
		.sis-login__container__form{
			scale: 2.5;
		}

		.sis-login__copyright {
			font-size: 28px;
			line-height: 28px;
		}
	}

	@media (max-width: 1024px){
		.sis-login__container__form{
			scale: inherit !important;
		}

		.sis-login__copyright {
			color: #333333 !important;
			font-size: inherit !important;
			line-height: inherit !important;
		}
	}

	@media screen and (max-width: 853px) and (min-width: 320px) {
		--login-form-width: 100%;
		--login-form-title-text-size: 22px;
		--login-form-subtitle-text-size: 24px;
		
		.sis-login__form-content{
			padding: 24px !important;
		}
		
		.sis-login__footer{
			padding: 8px !important;
		}
	}

	.sis-login__separator{
		margin: 0;
	}


	mat-dialog-container .ejustice-bulk-picker-search-container {
		margin-bottom: 24px !important;
		padding-right: 0;
		gap: 8px;
	}

	mat-dialog-container .ejustice-bulk-picker-search-container:has(sds-button) {
		padding-right: 38px;
	}

	mat-dialog-container .ejustice-bulk-picker-title .ejustice-form__label {
		font: inherit !important;
		color: inherit !important;
	}

	.ejustice-bulk-picker-size.mat-dialog-container {
		max-height: inherit !important;
		min-height: auto !important;
	}

	.ejustice-bulk-picker-popup-drawer--with-search {
		height: auto !important;
	}

	sis-date-time-picker .ng-time-picker {
		margin-left: 8px;
	}

	.sis-multiselect .mat-chip {
		z-index: 10 !important;
	}

}