:root {
	--login-color-button: gray;
	--login-color-header: rgba(123, 120, 118, 0.7);
	--login-bg-blur-sm: 0px;
	--login-bg-blur-md: 3px;
	--login-bg-blur-lg: 10px;
	--login-bg-img: url('');
	--login-logo-filter: initial;
	--login-logo-align: left;
	--login-logo-height: 100px;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
	padding: 0;
}

.alert {
	padding: 15px;
	border: 1px solid transparent;
}

button.close {
	display: none;
}

i.fa-duotone {
	width:16px;
	text-align:center;
	--fa-primary-color: #71439A;
	--fa-secondary-color: #7b68ee;
}

body::before {
	content: '';
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
}

body::after {
	content: '';
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background-image: var(--login-bg-img);
	background-position: center !important;
	background-size: cover !important;
}

.login-container .block-flat .header {
	background: var(--login-color-header);
}
.login-container .header {
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);

	text-align: var(--login-logo-align);
}
.login-container .header .headerLogo {
	height: var(--login-logo-height);
	margin-top: 8px;
	filter: var(--login-logo-filter);
}

.login-container .loginBody {
	background:rgba(255,255,255,0.7);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}
.login-container .loginBody .input-group {
	box-shadow: 0 1px 2px rgba(0,0,0,0.07);
}
.login-container .loginBody .input-group .input-group-addon,
.login-container .loginBody .input-group .form-control {
	/*border-color: rgba(0,0,0,0.3);*/
	border: 1px solid #ccc;
	border-radius: 0;
}

.login-container .btn-primary {
	cursor: pointer;
	border: none;
	background: var(--login-color-button);
}
.login-container .btn-primary:hover {
	background: var(--login-color-button);
	opacity: 0.5;
	/*filter: contrast(200%);*/
}

.text-center {
	text-align: center;
}

.form-group {
	margin: 0;
	margin-bottom: 20px !important;
}

.inputCon {
	box-shadow: 0 1px 2px rgba(0,0,0,0.07) !important;
	width: 100%;
}

.inputCon > input {
	border: 1px solid rgba(0,0,0,0.3);
}

.form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.btn, .form-control {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.form-control:focus {
	background-color: aliceblue;
}

.form-control {
	padding: 6px 8px;
	/*font-size: 14px;*/
	border-radius: 1px;
	-webkit-border-radius: 1px;
	box-shadow: none;
}

div.header {
	background: linear-gradient(to bottom,  #555555 0%,#777777 100%) !important;
}

.login-container .block-flat .content .form-control {
	padding: 10px 8px;
	height: auto;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.input-group {
	position: relative;
	display: table;
	border-collapse: separate;
}

.input-group .form-control {
	float: left;
	width: 100%;
	margin-bottom: 0;
}

/*.input-group-addon, .input-group-btn, .input-group .form-control {
}*/

.input-group-addon {
	width: 32px;
	display: table-cell;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	vertical-align: middle !important;
	border-right-style: none !important;
}

.copyrightText {

}
.copyrightText > a {
	color:rgba(255,255,255,0.4) !important;
}

@media (min-width: 1450px), (min-height: 700px) {
	body::before {
		backdrop-filter: blur(var(--login-bg-blur-md));
	}
}

@media (min-width: 2561px), (min-height: 1441px) {
	body::before {
		backdrop-filter: blur(var(--login-bg-blur-lg));
	}
}

.block-flat {
	background: none;
}
form.loginFormClean {
	margin-bottom: 0px !important;
}

/* Force white text in the login footer despite body.texture defaults */
body.texture #cl-wrapper.login-container #copyright-footer,
body.texture #cl-wrapper.login-container #copyright-footer *,
body.texture #cl-wrapper.login-container #copyright-footer a,
body.texture #cl-wrapper.login-container #copyright-footer strong,
body.texture #cl-wrapper.login-container #copyright-footer span {
	color: #fff !important;
}
body.texture #cl-wrapper.login-container #copyright-footer a:hover {
	color: #fff !important;
	text-decoration: underline;
}
/* Migrated from inline <style> in login_clean.cfm */
/* Force white text for copyright and disclaimer with maximum specificity */
body.texture #cl-wrapper.login-container div.middle-login div span,
body.texture #cl-wrapper.login-container div.middle-login div span *,
body.texture #cl-wrapper.login-container div.middle-login div span strong,
body.texture #cl-wrapper.login-container div.middle-login div span a,
body.texture #cl-wrapper.login-container div div span,
body.texture #cl-wrapper.login-container div div span *,
body.texture #cl-wrapper.login-container div div span strong,
body.texture #cl-wrapper.login-container div div span a {
	color: white !important;
	text-decoration: none !important;
}

/* Even more specific - target the exact elements */
#cl-wrapper.login-container .middle-login div span {
	color: white !important;
}
#cl-wrapper.login-container .middle-login div span * {
	color: white !important;
}

/* Target the specific copyright footer div - override body.texture color */
body.texture #copyright-footer,
body.texture #copyright-footer *,
body.texture #copyright-footer span,
body.texture #copyright-footer span *,
body.texture #copyright-footer strong,
body.texture #copyright-footer a {
	color: white !important;
	text-decoration: none !important;
}

/* Additional override for the body.texture inheritance */
body.texture div#copyright-footer span {
	color: white !important;
}:root {
	--login-color-button: gray;
	--login-color-header: rgba(123, 120, 118, 0.7);
	--login-bg-blur-sm: 0px;
	--login-bg-blur-md: 3px;
	--login-bg-blur-lg: 10px;
	--login-bg-img: url('');
	--login-logo-filter: initial;
	--login-logo-align: left;
	--login-logo-height: 100px;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
	padding: 0;
}

.alert {
	padding: 15px;
	border: 1px solid transparent;
}

button.close {
	display: none;
}

i.fa-duotone {
	width: 16px;
	text-align: center;
	--fa-primary-color: #71439A;
	--fa-secondary-color: #7b68ee;
}

body::before {
	content: '';
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
}

body::after {
	content: '';
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background-image: var(--login-bg-img);
	background-position: center !important;
	background-size: cover !important;
}

.login-container .block-flat .header {
	background: var(--login-color-header);
}

.login-container .header {
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);

	text-align: var(--login-logo-align);
}

.login-container .header .headerLogo {
	height: var(--login-logo-height);
	margin-top: 8px;
	filter: var(--login-logo-filter);
}

.login-container .loginBody {
	background: rgba(255, 255, 255, 0.7);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

.login-container .loginBody .input-group {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
}

.login-container .loginBody .input-group .input-group-addon,
.login-container .loginBody .input-group .form-control {
	/*border-color: rgba(0,0,0,0.3);*/
	border: 1px solid #ccc;
	border-radius: 0;
}

.login-container .btn-primary {
	cursor: pointer;
	border: none;
	background: var(--login-color-button);
}

.login-container .btn-primary:hover {
	background: var(--login-color-button);
	opacity: 0.5;
	/*filter: contrast(200%);*/
}

.text-center {
	text-align: center;
}

.form-group {
	margin: 0;
	margin-bottom: 20px !important;
}

.inputCon {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07) !important;
	width: 100%;
}

.inputCon>input {
	border: 1px solid rgba(0, 0, 0, 0.3);
}

.form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.btn,
.form-control {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.form-control:focus {
	background-color: aliceblue;
}

.form-control {
	padding: 6px 8px;
	/*font-size: 14px;*/
	border-radius: 1px;
	-webkit-border-radius: 1px;
	box-shadow: none;
}

div.header {
	background: linear-gradient(to bottom, #555555 0%, #777777 100%) !important;
}

.login-container .block-flat .content .form-control {
	padding: 10px 8px;
	height: auto;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.input-group {
	position: relative;
	display: table;
	border-collapse: separate;
}

.input-group .form-control {
	float: left;
	width: 100%;
	margin-bottom: 0;
}

/*.input-group-addon, .input-group-btn, .input-group .form-control {
}*/

.input-group-addon {
	width: 32px;
	display: table-cell;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	vertical-align: middle !important;
	border-right-style: none !important;
}

.copyrightText {}

.copyrightText>a {
	color: rgba(255, 255, 255, 0.4) !important;
}

@media (min-width: 1450px),
(min-height: 700px) {
	body::before {
		backdrop-filter: blur(var(--login-bg-blur-md));
	}
}

@media (min-width: 2561px),
(min-height: 1441px) {
	body::before {
		backdrop-filter: blur(var(--login-bg-blur-lg));
	}
}

.block-flat {
	background: none;
}

form.loginFormClean {
	margin-bottom: 0px !important;
}

/* Force white text in the login footer despite body.texture defaults */
body.texture #cl-wrapper.login-container #copyright-footer,
body.texture #cl-wrapper.login-container #copyright-footer *,
body.texture #cl-wrapper.login-container #copyright-footer a,
body.texture #cl-wrapper.login-container #copyright-footer strong,
body.texture #cl-wrapper.login-container #copyright-footer span {
	color: #fff !important;
}

body.texture #cl-wrapper.login-container #copyright-footer a:hover {
	color: #fff !important;
	text-decoration: underline;
}

/* Migrated from inline <style> in login_clean.cfm */
/* Force white text for copyright and disclaimer with maximum specificity */
body.texture #cl-wrapper.login-container div.middle-login div span,
body.texture #cl-wrapper.login-container div.middle-login div span *,
body.texture #cl-wrapper.login-container div.middle-login div span strong,
body.texture #cl-wrapper.login-container div.middle-login div span a,
body.texture #cl-wrapper.login-container div div span,
body.texture #cl-wrapper.login-container div div span *,
body.texture #cl-wrapper.login-container div div span strong,
body.texture #cl-wrapper.login-container div div span a {
	color: white !important;
	text-decoration: none !important;
}

/* Even more specific - target the exact elements */
#cl-wrapper.login-container .middle-login div span {
	color: white !important;
}

#cl-wrapper.login-container .middle-login div span * {
	color: white !important;
}

/* Target the specific copyright footer div - override body.texture color */
body.texture #copyright-footer,
body.texture #copyright-footer *,
body.texture #copyright-footer span,
body.texture #copyright-footer span *,
body.texture #copyright-footer strong,
body.texture #copyright-footer a {
	color: white !important;
	text-decoration: none !important;
}

/* Additional override for the body.texture inheritance */
body.texture div#copyright-footer span {
	color: white !important;
}