* {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0pt !important; no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body {
	background: url(../../../resources/images/background.jpg);
	font-family: 'Open Sans', sans-serif;
	background-position: center;
	background-size: cover;
}

hr {
	background-color: black;
	color: black;
	border-color: black;
}

.btn {
	font-size: 200%;
	width: 100%;
	float: left;
	background: #22A7F0;
}

.btn:hover {
	background: #1E8BC3;
}

.login-head {
	background: rgba(255, 255, 255, 0.5);
	height: 30px;
	border-radius: 0;
}

#logintop {
	padding: 1%;
}

.panel {
	background: rgba(255, 255, 255, 0.45);
	border-color: 5px solid white;
	border-radius: 4px;
	margin-top: 75px;

}

.forpass {
	text-decoration: none;
	color: black;
	margin: 10px 0;
}

#redirectOverlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.6);
        z-index: 9999;
    }
    #redirectBox {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #fff;
        padding: 10px;
        border-radius: 8px !important;
        z-index: 10000;
        width: 420px;
        text-align: center;
        font-family: 'Raleway', sans-serif;
    	font-variant-numeric: lining-nums;
    }
    #redirectBox h3 {
        color: #d9534f;
        margin-bottom: 15px;
    }
    #redirectBox p {
        font-size: 14px;
        color: #333;
    }
    #redirectBox a {
        color: #337ab7;
        font-weight: bold;
    }
    #redirectBox button {
        margin-top: 15px;
        padding: 8px 25px;
        background: #4cc4dd;
        color: #fff;
        border: none;
        border-radius: 4px !important;
        cursor: pointer;
        font-size: 14px;
    }

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans'), local('OpenSans'),
		url(http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff)
		format('woff');
}
@media only screen and (min-width: 768px) and (max-width: 1023px){
	#Login-Footer{
		padding-top: 32%;
	}
	.FooterOTP {
		padding-top: 21%
	}	
}

@media only screen and (min-width: 991px){
	.RememberOTP {
		margin-top: 32px;
	}
    .RememberOTP span{
		font-size: 13px;
	}
	.text-center .browser-com {
		text-align: center;
	}
}
@media only screen and (max-width: 767px) and (min-width: 300px)
and (max-height: 815px) and (min-height: 600px){
	.text-center img {
		height: 36px;
		width: 100px;
	}
	.text-center h4 {
		font-size: 12px;
	}
	.login-head {
		background: rgba(255, 255, 255, 0.5);
		height: 16px;
		border-radius: 0;
	}
	.well-lg {
		padding: 5px;
	}
	.text-center h5 {
		font-size: 11px;
	}
	.help-block {
		font-size: 11px;
		text-align: center;
	}
	.password-error {
		font-size: 11px;
		text-align: center;
	}
	.input-group #otp span{
		font-size: 11px;
	}
	.RememberOTP {
		margin-top: 25px;
	}
	.RememberOTP span{
		font-size: 10px;
	}
	.sub-btn {
		font-size: 11px;
		height: 45px;
		margin-top: -6%;
	}
	.footerOTP p {
		font-size: 10px;
	}
	.loginOTP{
		margin-top: 20%;
	}
}


@media only screen and (max-width: 767px) and (min-width: 300px)
and (max-height: 484px) and (min-height: 300px){
	.text-center img {
		height: 36px;
		width: 100px
	}
	.text-center h4 {
		font-size: 12px;
	}
	.login-head {
		background: rgba(255, 255, 255, 0.5);
		height: 16px;
		border-radius: 0;
	}
	.well-lg {
		padding: 5px;
	}
	.text-center h5 {
		font-size: 11px;
	}
	.help-block {
		font-size: 11px;
		text-align: center;
	}
	.password-error {
		font-size: 11px;
		text-align: center;
	}
	.input-group #otp span{
		font-size: 11px;
	}
	.RememberOTP {
		margin-top: 25px;
	}
	.RememberOTP span{
		font-size: 10px;
	}
	.sub-btn {
		font-size: 9px;
		height: 45px;
		margin-top: -13px;
	}
	.footerOTP p {
		font-size: 10px;
	}
	.loginOTP{
		margin-top: 10%;
	}
}

@media only screen and (max-width: 767px) and (min-width: 300px)
and (max-height: 568px) and (min-height: 485px){
	.text-center img {
		height: 36px;
		width: 100px
	}
	.text-center h4 {
		font-size: 12px;
	}
	.login-head {
		background: rgba(255, 255, 255, 0.5);
		height: 16px;
		border-radius: 0;
	}
	.well-lg {
		padding: 5px;
	}
	.text-center h5 {
		font-size: 11px;
	}
	.help-block {
		font-size: 11px;
		text-align: center;
	}
	.password-error {
		font-size: 11px;
		text-align: center;
	}
	.input-group #otp span{
		font-size: 11px;
	}
	.RememberOTP {
		margin-top: 25px;
	}
	.RememberOTP span{
		font-size: 10px;
	}
	.sub-btn {
		font-size: 9px;
		height: 45px;
		margin-top: -21px;
	}
	.footerOTP p {
		font-size: 10px;
	}
	.loginOTP{
		margin-top: 32%;
	}
}


@media only screen and (max-width: 1024px) and (min-width: 768px){
		.input-group .input-group-addon {
			height:23px;
		}
		.input-group input {
			height:28px;
		}
		.password-error {
			font-size: 11px;
			text-align: center;
		}
		.help-block {
			font-size: 11px;
			text-align: center;
		}
		.input-group #otp span{
			font-size: 11px;
		}
		.RememberOTP {
			margin-top: 16px;
		}
		.RememberOTP span{
			font-size: 11px;
		}
		.sub-btn {
			font-size: 15px;
			height: 45px;
		}
		.footer p {
			font-size: 11px
		}
		.loginOTP{
			width: 125%;
			margin-left: -8%;
		}
	}
	@media only screen and (max-width: 767px) and (min-width: 300px) 
	and (max-height: 500px) and (min-height: 485px) {
		#login{
			margin-top: 0%;
		}
		.panel {
			margin-top: 0%;
		}
			
		.panel-body {
			padding: 6px;
		}
		.input-box {
			margin-top: 6px;
		}
		.input-box1 {
			margin-top:-19px;
		}
		.text-center h4 #logintop{
			font-size: 14px;
		}
		.LoginTop {
			background: rgba(255, 255, 255, 0.5);
			height: 22px;
			border-radius: 0;
		}
		.pull-right {
			float: right !important;
			font-size: 13px;
		}
		.login-footer p{
			font-size: 10px;
		}
		.login-submit{
			height: 45px;
			font-size: 11px;
		}
		.text-center .browser-com {
			text-align: center;
		}
		.text-center .browser-com b {
			font-size: 11px;
			
		}
		.input-group input{
			font-size: 11px;
		}
		
		.footer {
			margin-top: -16%;
		}
	
		
	}
	@media only screen and (max-width: 767px) and (min-width: 300px)and
	(max-height: 540px) and (min-height: 501px) {
		
		#login{
			margin-top: 2%;
		}
		.panel {
			margin-top: 0%;
		}
		.panel-body {
			padding: 6px;
		}
		.input-box {
			margin-top: 6px;
		}
		.input-box1 {
			margin-top:-19px;
		}
		.text-center h4 #logintop{
			font-size: 14px;
		}
		.LoginTop {
			background: rgba(255, 255, 255, 0.5);
			height: 22px;
			border-radius: 0;
		}
		.pull-right {
			float: right !important;
			font-size: 13px;
		}
		.login-footer p{
			font-size: 10px;
		}
		.login-submit{
			height: 45px;
			font-size: 11px;
		}
		.text-center .browser-com {
			text-align: center;
		}
		.text-center .browser-com b {
			font-size: 11px;
		}
		.input-group input{
			font-size: 11px;
		}
		
		.footer {
			margin-top: -29px;
		}
	
		
	}

	@media only screen and (max-width: 767px) and (min-width: 300px)and
	(max-height: 484px) and (min-height: 300px) {
		
		#login{
			margin-top: 0%;
		}
		.panel {
			margin-top: 0%;
		}
		.panel-body {
			padding: 6px;
		}
		.input-box {
			margin-top: 6px;
		}
		.input-box1 {
			margin-top:-19px;
		}
		.text-center h4 #logintop{
			font-size: 14px;
		}
		.LoginTop {
			background: rgba(255, 255, 255, 0.5);
			height: 22px;
			border-radius: 0;
		}
		.pull-right {
			float: right !important;
			font-size: 13px;
		}
		.login-footer p{
			font-size: 10px;
		}
		.login-submit{
			height: 45px;
			font-size: 11px;
		}
		.text-center .browser-com {
			text-align: center;
		}
		.text-center .browser-com b {
			font-size: 11px;
		}
		.input-group input{
			font-size: 11px;
		}
		
		.footer {
			margin-top: -16%;
		}
		.Login-captcha {
			width: 157px;
		}
		
	
	}


	@media only screen and (max-width: 767px) and (min-width: 300px)and
	(max-height: 570px) and (min-height: 541px) {
		
		#login{
			margin-top: 20%;
		}
		.panel {
			margin-top: -9%;
		}
		.panel-body {
			padding: 6px;
		}
		.input-box {
			margin-top: 6px;
		}
		.input-box1 {
			margin-top:-19px;
		}
		.text-center h4 #logintop{
			font-size: 14px;
		}
		.LoginTop {
			background: rgba(255, 255, 255, 0.5);
			height: 22px;
			border-radius: 0;
		}
		.pull-right {
			float: right !important;
			font-size: 13px;
		}
		.login-footer p{
			font-size: 10px;
		}
		.login-submit{
			height: 45px;
			font-size: 11px;
		}
		.text-center .browser-com {
			text-align: center;
		}
		.text-center .browser-com b {
			font-size: 11px;
		}
		.input-group input{
			font-size: 11px;
		}
		
		.footer {
			margin-top: -29px;
		}
		
	}

	@media only screen and (max-width: 767px) and (min-width: 300px)and
	(max-height: 641px) and (min-height: 571px) {
		
		#login{
			margin-top: 20%;
		}
		.panel {
			margin-top: -10px;
		}
		.panel-body {
			padding: 6px;
		}
		.input-box {
			margin-top: 6px;
		}
		.input-box1 {
			margin-top:-19px;
		}
		.text-center h4 #logintop{
			font-size: 14px;
		}
		.LoginTop {
			background: rgba(255, 255, 255, 0.5);
			height: 22px;
			border-radius: 0;
		}
		.pull-right {
			float: right !important;
			font-size: 13px;
		}
		.login-footer p{
			font-size: 10px;
		}
		.login-submit{
			height: 45px;
			font-size: 11px;
		}
		.text-center .browser-com {
			text-align: center;
		}
		.text-center .browser-com b {
			font-size: 11px;
		}
		.input-group input{
			font-size: 11px;
		}
		
		.footer {
			margin-top: 0%;
		}
	
	}

	@media only screen and (max-width: 767px) and (min-width: 300px)and
	(max-height: 670px) and (min-height: 642px) {
		
		#login{
			margin-top: 20%;
		}
		.panel {
			margin-top: -27px;
		}
		.panel-body {
			padding: 8px;
		}
		.input-box {
			margin-top: 6px;
		}
		.input-box1 {
			margin-top:-19px;
		}
		.text-center h4 #logintop{
			font-size: 14px;
		}
		.LoginTop {
			background: rgba(255, 255, 255, 0.5);
			height: 22px;
			border-radius: 0;
		}
		.pull-right {
			float: right !important;
			font-size: 13px;
		}
		.login-footer p{
			font-size: 10px;
		}
		.login-submit{
			height: 45px;
			font-size: 11px;
		}
		.text-center .browser-com {
			text-align: center;
		}
		.text-center .browser-com b {
			font-size: 11px;
		}
		.input-group input{
			font-size: 11px;
		}
		
		.footer {
			margin-top: 0%;
		}
	
	}
	@media only screen and (max-width: 767px) and (min-width: 300px)and
	(max-height: 815px) and (min-height: 671px) {
		
		#login{
			margin-top: 20%;
		}
		.panel {
			margin-top: -16px;
		}
		.panel-body {
			padding: 8px;
		}
		.input-box {
			margin-top: 6px;
		}
		.input-box1 {
			margin-top:-19px;
		}
		.text-center h4 #logintop{
			font-size: 14px;
		}
		.LoginTop {
			background: rgba(255, 255, 255, 0.5);
			height: 22px;
			border-radius: 0;
		}
		.pull-right {
			float: right !important;
			font-size: 13px;
		}
		.login-footer p{
			font-size: 10px;
		}
		.login-submit{
			height: 45px;
			font-size: 11px;
		}
		.text-center .browser-com {
			text-align: center;
		}
		.text-center .browser-com b {
			font-size: 11px;
		}
		.input-group input{
			font-size: 11px;
		}
		
		.footer {
			margin-top: 0%;
		}
	
	}

@media only screen and (max-width:320px) {
	
	.errMsg {
			font-size: 8px;
			text-align: center;
			color: red;
			/* margin-left: 17%; */
			background: rgba(255, 255, 255, 0.5);
			
		}
	
	#j_username-error, #j_password-error{
			    max-width: 100%;
    			font-size: 8px;
    			margin-top: -34%;
    			margin-left: -23%;
    			color: red;
    			text-align: center;
    			font-weight: normal;
		}
		
}

@media only screen and (min-width:321px) and (max-width:375px) {
	
	.errMsg {
			font-size: 10px;
			text-align: center;
			color: red;
			/* margin-left: 16.5%; */
			background: rgba(255, 255, 255, 0.5);
		}
	
	#j_username-error, #j_password-error{
			    max-width: 100%;
    			font-size: 10px;
    			margin-top: -28%;
    			margin-left: -23%;
    			color: red;
    			text-align: center;
    			font-weight: normal;
		}
		
}

@media only screen and (min-width:376px) and (max-width: 425px) {
	
	.errMsg {
			font-size: 12px;
			text-align: center;
			color: red;
			/* margin-left: 17%; */
			background: rgba(255, 255, 255, 0.5);
		}
	
	#j_username-error, #j_password-error{
			    max-width: 100%;
    			font-size: 12px;
    			margin-top: -24%;
    			margin-left: -18%;
    			color: red;
    			text-align: center;
    			font-weight: normal;
		}
		
}

@media only screen and (min-width:426px) and (max-width: 768px) {
	
	.errMsg {
			font-size: 10px;
			text-align: center;
			color: red;
			/* margin-left: 16%; */
			background: rgba(255, 255, 255, 0.5);
		}
	
	#j_username-error, #j_password-error{
			    max-width: 100%;
    			font-size: 10px;
    			margin-top: -28%;
    			margin-left: -23%;
    			color: red;
    			text-align: center;
    			font-weight: normal;
		}
		
}

@media only screen and (min-width:769px) and (max-width: 1024px) {
	
	.errMsg {
			font-size: 13px;
			text-align: center;
			color: red;
			/* margin-left: 18%; */
			background: rgba(255, 255, 255, 0.5);
		}
	
	#j_username-error, #j_password-error{
			    max-width: 100%;
    			font-size: 13px;
    			margin-top: -21%;
    			margin-left: -16%;
    			color: red;
    			text-align: center;
    			font-weight: normal;
		}
		
}

@media only screen and (min-width:1025px) and (max-width : 1440px) {
	
	.errMsg {
			font-size: 14px;
			text-align: center;
			color: red;
		}
	
	#j_username-error, #j_password-error{
			    max-width: 100%;
    			font-size: 16px;
    			margin-top: -19%;
    			margin-left: -13%;
    			color: red;
    			text-align: center;
    			font-weight: normal;
		}
		
}

@media only screen and (min-width:1441px) and (max-width : 2560px) {
	
	.errMsg {
			font-size: 16px;
			text-align: center;
			color: red;
			/* margin-left: 18%; */
			background: rgba(255, 255, 255, 0.5);
		}
	
	#j_username-error, #j_password-error{
			    max-width: 100%;
    			font-size: 16px;
    			margin-top: -19%;
    			margin-left: -13%;
    			color: red;
    			text-align: center;
    			font-weight: normal;
		}
		
}

 .login-info
						   {
						   background-color: #e1edf4;
						   font-size: 14px;
						   padding: 8px;
						   position: relative;
						   top: 60px;

						   }
						   .login-info p
						   {
						   margin-bottom: 0px;
						   }
						   
 .or-separator-wrapper {
    position: relative;
    text-align: center;
    margin: 10px 0;
  }

  .or-separator-wrapper hr {
    margin: 0;
    border: 0;
    border-top: 1px solid #ccc;
  }

  .or-circle {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    width: 30px;
    height: 30px;
    background-color: white; 
    border: 1px solid #ccc;
    border-radius: 50% !important;
    
    text-align: center;
    font-size: 14px;
    line-height: 26px; 
    
    z-index: 1;
    box-sizing: border-box; 
  }

.bgfffffff {
	background-color:#FFFFFF;
}

.marginBottomMinus11 {
	margin-bottom: -11px;
}	

.oktaSubmitBtn {
	line-height: 10% !important; background-color: #0073e6; border-radius:0.5rem !important;
}

.signinOkta {
	color:white; display: inline-block; font-size:16px;
}

.oktaWhiteLogo {
	width:6%;
}

.userNameInput1 {
	border-top-left-radius:0.5rem !important; border-bottom-left-radius:0.5rem !important;
}

.userNameInput2 {
	border-top-right-radius:0.5rem !important; border-bottom-right-radius:0.5rem !important;
}	

.backgroundColor8cb8c600 {
	background-color:#8cb8c600
}

.marginTopMinus11 {
	margin-top: -11px;
}

.width7Percent {
	width:7%;
}

.color333333 {
	color: #333333
}	

.aisaacText {
	margin-top:-12px; color: #333333;
}	

.marginTopMinus24 {
	margin-top: -24px
}	

.cursorPointer {
	cursor:pointer
}	

#okta_login {
    overflow: hidden !important;
}

#okta_login .okta-modal-dialog,
#okta_login .modal-dialog {
    max-width: 346px;
    margin: 250px auto;
    margin-left: 472.5px !important;
    overflow: hidden !important;
}

#okta_login .okta-modal-content {
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden !important;
}

#okta_login .modal-body {
    overflow: hidden !important;      
    max-height: none !important;      
}

#okta_login .modal-footer {
    overflow: hidden !important;
}

#okta_login .modal-content {
    border-radius: 0.8rem !important;
    overflow: hidden !important;      
    box-shadow: 0 4px 18px rgba(0,0,0,0.25);
}

#okta_login .modal-body .col-md-8,
#okta_login .modal-body .col-sm-8,
#okta_login .modal-body .col-xs-8 {
    width: 90% !important;
    margin-left: 5% !important;
    margin-right: 5% !important;
}

#okta_login .input-box .input-group {
    width: 100% !important;
}

#okta_login .form-group {
    margin-top: 5px !important;
	margin-bottom: 5px !important;
}

body.modal-open {
    overflow: hidden !important;
}