*
{
	margin: 0px;
	padding: 0px;
	font-family:arial;
}

html, body
{
	height: 100%;
}


	


#okta-login-container
{
	position:absolute
	top:0px;
	left:0px;
	background-color:RGB(255,255,255);
	border:1px solid RGB(255,255,255);
}

#okta-login-container div
{
	
    
    	  
    border:1px solid RGB(255,255,255);
	font-family:arial;
}





#okta-signin-submit
{
	color:RGB(255,255,255);
	background:RGB(64,97,120);
	border-radius:50px;
	cursor: pointer;
}

#okta-signin-submit:hover
{
	background:RGB(100,150,180);
	box-shadow:inset 0 0 10px 0 rgba(230, 230, 230, 1), 0 5px 10px 0 rgba(255, 255, 255, 1);
}

#okta-signin-submit:focus
{
	background:RGB(100,150,180);
	box-shadow:inset 0 0 10px 0 rgba(200, 200, 200, 0.9),0 5px 10px 0 rgba(0, 0, 0, 0.19);
}





.custom-checkbox
{
	display:none;
}

.inputBox
{
	font-Family:Arial;
	font-size:13;
	padding:5px;
	border:1px solid gray;
	border-radius:2px;
}

.inputBox:hover
{
	box-shadow:inset 0 0 10px 0 rgba(200, 200, 200, 0.9), 0 5px 10px 0 rgba(0, 0, 0, 0.19);
}

.inputBox:focus
{
	box-shadow:inset 0 0 10px 0 rgba(200, 200, 200, 0.9), 0 5px 10px 0 rgba(0, 0, 0, 0.19);
}

.buttonGray
{
	padding:5px;
	border:1px solid silver;
	border-radius:2px;
	cursor: pointer;
	color:RGB(255,255,255);
	background:RGB(170,170,170);
	font-size:14;
	text-align:center;
}

.button
{
	padding:5px;
	border:1px solid silver;
	border-radius:2px;
	cursor: pointer;
	color:RGB(255,255,255);
	background:RGB(64,97,120);
	font-size:14;
	text-align:center;
}

.button:hover
{
	background:RGB(100,150,180);
	box-shadow:inset 0 0 10px 0 rgba(230, 230, 230, 1), 0 5px 10px 0 rgba(255, 255, 255, 1);
}

.button:focus
{
	background:RGB(100,150,180);
	box-shadow:inset 0 0 10px 0 rgba(200, 200, 200, 0.9),0 5px 10px 0 rgba(0, 0, 0, 0.19);
}

.mainText
{
	text-align:left;
	font-Family:Arial;
	padding:20px 55px;;
	font-size:12;
	color:RGB(69,66,67);
	-ms-text-align-last: left;
	text-align-last: left;
}

@keyframes showframe
{
	0%{transform-origin: top;transform: scaleY(0);}
	100%{transform-origin: top;transform: scaleY(1);}
}

@keyframes hideframe
{
	0%{transform-origin: top;transform: scaleY(1);}
	100%{transform-origin: top;transform: scaleY(0);}
}

@keyframes rotate
{
	0%{transform: rotate(0deg);}
	100%{transform: rotate(360deg);}
}

@keyframes beat
{
	0%{transform: scale(1);}
	25%{transform: scale(1.1);}
	50%{transform: scale(1.2);}
	75%{transform: scale(1.1);}
	100%{transform: scale(1);}
}

.frame_visible
{
	overflow: hidden;
	animation: 0.5s 1 showframe forwards;
}

.frame_invisible
{
	overflow: hidden;
	animation: 0.5s 1 hideframe forwards;
}

.TITLE_TEXT
{
	padding:5px;
	justify-content:center;
	font-Family:Arial;
	font-size:18;
	font-weight:bold;
}

.tooltip_visible
{
	overflow: hidden;
	padding:1px;
	font-size:11;
}

#ALERT_WINDOW
{
	Font-Family:Arial;
	border:1px solid gray;
	padding-bottom:5px;
	width:300px;
	border-radius:5px;
	background-color:RGB(240,240,240);
	position:absolute;
	margin:0px;
	top:35%;
	z-index: 10;
	visibility:hidden;
}

#ALERT_MASK
{
	position:absolute;
	background:RGBA(230,230,230,0.4);
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index: 5;
	visibility:hidden;
}

#ALERT_HEADER
{
	Font-Size:14;
	font-weight:bold;
	padding:4px;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	color:RGB(255,255,255);
	background:RGB(64,97,120);
	text-align:left;
}

#ALERT_MESSAGE
{
	padding:5px;
	text-align:left;
	word-wrap: break-word;
	Font-Size:12;
}

#ALERT_BUTTON
{
	padding:5px;
	color:RGB(255,255,255);
	background:RGB(64,97,120);
	border:none;
	border-radius:5px;
	cursor: pointer;
	width:50px;
}

#ALERT_BUTTON:hover
{
	padding:5px;
	color:RGB(255,255,255);
	background:RGB(100,150,180);
	box-shadow:inset 0 0 10px 0 rgba(230, 230, 230, 1), 0 5px 10px 0 rgba(255, 255, 255, 1);
}

#ALERT_BUTTON:focus
{
	padding:5px;
	color:RGB(255,255,255);
	background:RGB(100,150,180);
	box-shadow:inset 0 0 10px 0 rgba(200, 200, 200, 0.9),0 5px 10px 0 rgba(0, 0, 0, 0.19);
}

#ALERT_DETAIL_SEL
{
	display:none;
}

#ALERT_DETAILS
{
	display:none;
	border:1px solid silver;
	font-size:11;
	padding:5px;
	width:285px;
	margin:4px 1px;
	height:40px;
	word-break: break-all;
    overflow-y:scroll;
}

#ALERT_DETAIL_LBL
{
	border-radius:5px;
	padding:5px;
	font-size:11;
	background:rgb(200,200,255);
}

.ALERT_DETAIL_LBL:hover
{
	background:rgb(170,170,255);
}

#ALERT_DETAIL_SEL:checked ~ #ALERT_DETAILS
{
	display:flex;
}


.LINKS
{
	font-size:13;
	color:blue;
	cursor: pointer;
	padding:5px;
	width:180px;
	text-decoration:underline;
}

.LINKS:hover
{
	background-color:RGB(112,111,111);
	color:white;
}

.LINK_GROUP
{
	display:table-cell;
	padding:5px 40px;
	vertical-align:top;
}

@media only screen and (max-device-width: 480px)
{
	.LINK_GROUP
	{
		display:table-cell;
		padding:5px 30px;
		vertical-align:top;
	}
}

.horizontalRule
{
	height:2px;
	Width:100%;
	Background:linear-gradient(90deg,RGB(196,2,35),white);
}

.captchaContainer
{
	font-family:arial;
	font-size:12;
	color:RGB(196,2,35);
	border:2px solid RGBA(196,2,35,0.6);
	padding:5px;
	border-radius:5px;
}

.captchaButton
{
	width:24px;
	height:24px;
	border:1px solid transparent;
	cursor: pointer;
	border-radius:10px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:center;
	background-size:80%;
}

.captchaButton:hover
{
	background-color: RGBA(220,220,220,1);
}

.captchaButton:focus
{
	background-color: RGBA(220,220,220,1);
}

.captchaButton:active
{
	box-shadow:0 0 10px 0 rgba(200, 0, 0, 0.9),0 5px 10px 0 rgba(0, 0, 0, 0.19);
	transform:scale(0.8);
}

#captchaRefreshBtn
{
	background-image:url('images/Refresh.png');
}

#captchaAudioBtn
{
	background-image:url('images/Audio.png');
}

#captchaText
{
	padding:5px;
	width:165px;
}

@media only screen and (min-device-width: 480px)
{
	.LOGO_CONTAINER
	{
		min-width:405px; 
	}

}


#okta-sign-in.auth-container.main-container .margin-top-30
{
margin-top: 19px;
}

#okta-sign-in .mfa-verify-passcode .link-button {
margin-top: 18px;
}

#okta-sign-in .sms-request-button.link-button {
width: 120px;
}

#okta-sign-in .enroll-call .enroll-call-extension {
 width: 100;
}

#okta-sign-in .call-request-button.link-button {
width: 120;
}

label[for="okta-signin-username"]
{
    display: none;
}

label[for="okta-signin-password"]
{
    display: none;
}

#okta-sign-in .o-form-label
{
padding:inherit;
}

#okta-sign-in.auth-container .okta-sign-in-header {
border-bottom: none;
}

#okta-sign-in.auth-container .okta-form-divider {
border-bottom: none;
}

#okta-sign-in.no-beacon .auth-header {
padding-bottom: inherit;
padding-top: inherit;
}

#okta-sign-in.no-beacon .auth-content {
    padding-top: inherit;
}

#okta-login-container div
{
text-align: start;
}

#okta-sign-in .auth-header {
padding: 30px 90px 20px;
}

p.instructions {
text-align: -webkit-center;
}

#okta-sign-in .enroll-factor-list {
    margin-bottom: 2px;
}

@media only screen and (max-width: 480px) {
    #okta-sign-in .enroll-sms .enroll-sms-phone {
        width: 155px;
    }
	#okta-sign-in .enroll-factor-row .enroll-factor-button {
        width: 50%;
    }
    #okta-sign-in .enroll-call .enroll-call-phone {
        width: 165px;
    }
    #okta-sign-in .mfa-verify-passcode .auth-passcode {
    width: 145px;
    }
    #okta-sign-in .sms-request-button.link-button {
    width: 110px;
    }
}



#okta-sign-in .sign-in-with-device-option .okta-verify-container {
display : none;
}
#okta-sign-in .sign-in-with-device-option .separation-line {
display : none ;
}
.js-forgot-password {
  display: none !important;
}
.js-unlock {
  display: none !important;
}
.js-help {
  display: none !important;
} 
@media only screen and (min-width: 1024px) {
#okta-sign-in .auth-beacon-factor {
display : none;
}
#okta-sign-in .auth-beacon-border {
display : none;
}
#okta-sign-in.auth-container .mfa-okta-password{
background-image: none:
}
#okta-sign-in .auth-header {
    padding: 0px 90px 20px;
}

#okta-sign-in .auth-content {
    padding: 0px 42px 20px;
}
#okta-sign-in .o-form label {
  display: none !important;
}
#okta-sign-in .o-form-fieldset:has(span[data-se="o-form-input-credentials.passcode"] input:not([placeholder]), span[data-se="o-form-input-credentials.passcode"] input[placeholder=""]) label {
  display: block !important;
}
#okta-sign-in .o-form-fieldset:has(span[data-se="o-form-input-confirmPassword"] input:not([placeholder]), span[data-se="o-form-input-confirmPassword"] input[placeholder=""]) label {
  display: block !important;
}
#okta-sign-in .o-form-head {
 display: none !important;
}
#okta-sign-in .beacon-container {
display: none;
}
#okta-sign-in .auth-beacon {
display: none;
}
}