#LoginControl_LoginLinkButton:hover,
#LoginControl_ClearLinkButton:hover,
#LoginControl_CancelLinkButton:hover {
	color: #ff6000;
}

#LoginControl_ChangePasswordLinkButton:link,
#LoginControl_ForgotPasswordLinkButton:link {
	color: #af2029;
}

#LoginControl_ChangePasswordLinkButton:hover,
#LoginControl_ForgotPasswordLinkButton:hover {
	color: black;
}

.loginLayout {
	background-color: slategray;
	color: slategray;
}

#LoginControl_MainLoginPanel {
	background-color: unset;
	background-image: unset;
	height: 200px;
	width: 500px;
}

div.LoginControlMainDiv {
	display: flex;
	flex-direction: column;
	justify-content: end;
	height: 98%;
	align-items: center;
}

div.LoginControlHeader {
	align-items: center;
	display: flex;
	flex-direction: row;
	gap: 20px;
	height: 200px;
	justify-content: center;
	width: 100%;
}

img.LoginControlHeaderImage {
	content: url('../../images/Insuresoft Diamond.png');
	height: 120px;
	width: 120px;
}

div.LoginControlHeader span {
	color: var(--primary-color);
	font-family: var(--font-family-regular-text);
	font-size: 55px;
	font-weight: 700;
}

#LoginTable {
	margin: unset;
}

#LoginControl_RememberMeTableRow,
#LoginControl_WindowsCredentialsTableRow {
	font-size: 13px;
}

#LoginControl_FirstHorizontalRuleTableRow,
#LoginControl_SecondHorizontalRuleTableRow {
	display: none;
}

#LoginControl_LoginCommandsTableRow > td {
	padding: 15px 0 !important;
}

#LoginControl_LoginCommandsTableRow a {
	padding: 10px;
	text-transform: uppercase;
}

#VersionTableRow {
	font-size: 12px;
}

.LoginControlUNPWEntry {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 400px;
}

div.LoginControlChangePWEntryDiv {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

	div.LoginControlChangePWEntryDiv table.LoginNameInput.ReadOnly td.dxic,
	div.LoginControlChangePWEntryDiv table.PasswordInput.ReadOnly td.dxic {
		border-radius: 4px;
	}

div.LoginControlMainDiv img.LoginNameImage,
div.LoginControlMainDiv img.PasswordImage,
div.LoginControlMainDiv img.EmailAddressImage {
	background-color: var(--primary-color);
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
}

div.LoginControlMainDiv table.LoginNameInput,
div.LoginControlMainDiv table.PasswordInput,
div.LoginControlMainDiv table.EmailAddressInput {
	border-color: var(--primary-color);
	height: 32px;
	border-bottom-left-radius: 0px !important;
	border-top-left-radius: 0px !important;
}

div#NewLoginControlInsUserControl_LoginButton {
	width: 200px;
}

#LoginControl_ForgotPasswordLinkButton {
	display: block;
	margin-top: 3px;
}

.LoginControlUNPWBrandingDiv {
	display: none;
}

div.ContactUsLinkButtonDiv {
	display: none;
	font-family: var(--font-family-regular-text);
}

div.LoginFooterTable {
	height: 30%;
}

.LoginControlChangePWDiv {
	width: 400px !important;
}

	.LoginControlChangePWDiv h1 {
		color: var(--primary-color);
		font-weight: bold;
	}

.LoginControlForgotPWDiv {
	display: flex;
}

	.LoginControlForgotPWDiv h1 {
		color: var(--primary-color);
		font-weight: bold;
	}

div.LoginControlForgotPWInnerContainer {
	margin: auto;
}

.LoginControlEmailStepDiv {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

div.LoginControlQuestionDiv {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

div.LoginControlVerificationDiv a.LoginControlLinkButtons {
	color: #4b7b9d !important;
	font-family: 'Work Sans Semibold';
	font-weight: normal;
	text-decoration: underline;
}

	div.LoginControlVerificationDiv a.LoginControlLinkButtons:hover {
		color: #4b7b9d;
	}

.LoginControlUserRegDiv {
	margin: auto;
	width: 250px;
}

	.LoginControlUserRegDiv h1 {
		color: var(--primary-color);
		font-weight: bold;
	}

.LoginControlCommandsDiv {
	margin: auto;
	padding-top: 50px;
	width: 400px;
	text-align: center;
}

div.LoginControlVersionDiv {
	font-size: medium;
	padding-top: 30px;
	text-align: center;
	width: 100%;
}

	div.LoginControlVersionDiv span {
		color: gray;
	}

.LoginControlActionButton {
	background-color: var(--primary-color);
	color: white;
}

.LoginControlButton,
.LoginControlActionButton {
	cursor: pointer;
	height: 30px;
	min-width: 60px;
}

div.LoginControlForgotPasswordDiv,
div.LoginControlChangePasswordDiv {
	text-align: right;
}

	div.LoginControlForgotPasswordDiv a,
	div.LoginControlChangePasswordDiv a {
		color: var(--primary-color);
	}

div#NewLoginControlInsUserControl_ForgotPasswordEmailStep {
	width: 400px !important;
}

div.LoginControlEmailStepDiv div.LoginControlEmailStepActionButtonsDiv {
	width: 400px !important;
}

span.LoginErrorCaption {
	color: red;
	font-family: var(--font-family-regular-text-bold);
	font-weight: bold;
}

.copyright-label {
	text-align: center;
	font-size: 12px;
	color: black;
	display: block;
	margin: auto;
}

.RevealPassword img {
	width: 16px;
}

.RevealPassword a {
	position: absolute;
	top: 27.5%;
	right: 3%;
}

.RevealPasswordHide {
	display: none;
}

::-ms-reveal {
	display: none;
}