#lblLoginSubtitle {
	font-weight: normal;
}

.form-area {
	text-align: center;
	padding-top: 3em;
}

.form-signin {
	max-width: 22em;
	margin: auto;
}

	.form-signin .form-control,
	#btnTogglePassword {
		position: relative;
		box-sizing: border-box;
		height: auto;
		padding: .75em;
	}

		.form-signin .form-control:focus {
			z-index: 2;
		}

		.form-signin .form-control.first-text {
			margin-bottom: -1px;
			border-bottom-right-radius: 0;
			border-bottom-left-radius: 0;
		}

		.form-signin .form-control.last-text {
			border-top-left-radius: 0;
			border-top-right-radius: 0;
			border-bottom-right-radius: 0;
		}

	.form-signin .system-name {
		color: #2b580c;
	}

body.dark-mode .form-signin .system-name {
	color: #acdd68
}

#BtnTogglePassword {
	border-color: var(--bs-border-color);
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

body.dark-mode #BtnTogglePassword {
	border-color: #515151;
}

@media (min-width: 60em) {
    html{
        height:100%
    }
    body {
        background-color: white; /*#3b75b7 */
        /*background: linear-gradient(0deg, rgba(143,195,252,1) 30%, rgba(143,231,252,0.4542191876750701) 86%);*/
        background: linear-gradient(180deg, rgb(184, 216, 250) 30%, rgba(126, 250, 234, 0.45) 200%);
        height: 100%
    }

		body.dark-mode {
			background-color: #3c3c3c;
            background: none;
		}

	.container {
		display: flex;
		justify-content: center;
		align-items: center;
	}

    .signin-panel-main {
        width: 60em;
        background-color: var(--bs-body-bg);
        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 6px 50px 0 rgba(0, 0, 0, 0.19);
        display: table;
        margin-top: 4em;
        border-radius: 15px;
    }

		/* Clear floats after the columns */
		.signin-panel-main:after {
			content: "";
			display: table;
			clear: both;
		}

	.signin-panel-main,
	.signin-panel-left,
	.signin-panel-right {
		height: 36em;
	}

	.signin-panel-left,
	.signin-panel-right {
		float: left;
		width: 50%;
	}

    .signin-panel-left {
        display: block;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
        background: url(./Res/Images/signin-left-panel.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position-y: center;
        /*background-color: #8fcbfc;*/
    }
}

footer {
	display: none;
}