.sso_body {
	
	font-size: 16px;
	font-weight:400;
	line-height: 180%;
}
.headerImage {
	box-shadow: 0 1px 1px #aaaaaa;
	height: 50px !important;
}
.honImage {	
	max-width : 150Px;
}
.pagePadding {
	padding-top:20px;
	padding-bottom:20px;
}
.userDetails{
	width: 86%;
}
.appName {
	font-size: 175%;
	font-family: HoneywellSansWeb-Bold;
	margin-bottom: 20px;
}
.signInTitle {
	font-size: 300%;
	
	line-height: normal;
}
.helpText-font-size {
	font-size: 12px;
}
.url-font-size {
	font-size: 14px;
}
.helpTextIcon-size {
	font-size: 16px;
}
.appDesc-size {
	font-size: 18px;
}
/* Error msg in red color */
.form-group.has-error .text-muted, .input-group.has-error .text-muted {
    color: #ee3124 !important;
    padding-top:2px;
}
[type=checkbox]:not(.toggle)+label+.text-muted, [type=radio]:not(.toggle)+label+.text-muted  {
	margin: -7px 0 0 0px;
	
	font-size: 100%;
}
.btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus,
.show > .btn.dropdown-toggle:focus {
	box-shadow: none;
}
.btn:focus, .btn.focus, .btn:active, .btn.active {
	box-shadow: none;
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
	border: 1px solid #1792E5;
    color: #1792E5;
    background-color: #fff;
}

.width-50-right{
	float:right;
}
.alert button.close {
	font-size: 30px;
}
.alert {
    border-radius:0;
	border-width:1px 1px 1px 2px;
	margin-bottom:0;
	background-color:#fff;
	color:#303030;
	padding:17px 15px 13px;
}
	
.alert.show-badge {
    padding-left: 50px;
    border-left-width: 5px;
 }
.alert.show-badge::before {
    margin-top: -6px;
    margin-left: -40px; 
    line-height: 40px;
    font-size: 30px;
    vertical-align: middle; 
    
  }
  .alert.show-badge.alert-critical::before {
    color: #ee3124;
  }
  .alert.show-badge.alert-important::before {
    color: #f37021;
  }
  .alert.show-badge.alert-information::before {
    color: #1792E5;
  }
  .alert.show-badge.alert-success::before {
    color: #7eb338;
  } 

.btn {
	padding: 20px 3%;
	margin: 0px;
}
.loginPanel-btn {
	display:flex;
}
.loginPanel-btn-left {
	width:40%;
}
.loginPanel-btn-right {
	width:60%;
}

.form-group, .input-group {
	margin-bottom: 16px;
}

.bottom-margin-20 {
	margin-bottom:20px !important;
}
.bottom-margin-36 {
	margin-bottom:36px !important;
}
.icon{
	vertical-align: inherit;
}
.container-fluid {
	padding-left:0px;
}


/*.loading {
	left: 40%;
}
.loadingText {
	max-width: 350px;
	position: absolute;
	top: calc(50% - 20px);
	left: calc(40% + 50px);
	width: 40%;
	color: #ffffff!important;
	
}*/
.popover {
	max-width:450px;
}
.popover p {
	margin-bottom:10px;
}
.popover ul li {
	margin-bottom:5px;
}
.progress {
	margin-bottom:5px;
}

.well{
	height: auto;
}
.bg-appDesc {
	background-color: #f7f7f7;
	border: none;
	box-shadow : none;
}
.appDesc {
	margin:20px;
	padding-right:20px;
}
.alert {
	
}

.desktopview {
	padding: 15px;
	width: 100%;
	max-width: 500px;
	min-width: 220px;
	margin-left: auto;
	margin-right: auto;
}

label {
}
.labelNoPadding
{
	padding-left: 0px;
	padding-right: 0px;
}	

.modal-dialog {
	max-width: 600px;
}
.successModel-header{
	padding: 20px 20px 20px 35px !important;
	display: block;
}
.close-icon {
	font-size: 100%;
	padding: 8px;
	border: none;
	outline: none;
	float: right;
}
.successModel-Title {
	float: left;
	font-size: 200%;
	
	width: 80%;
}
.successModel-body {
	display: flex;
}
.successModel-bodyMsg {
	width: 70%;
}
.successModel-bodyImage {
	width: 30%;
}
.successModel-icon {
	margin: 0% 25%;
	padding: 5%;
	font-size: 400%;
	font-weight: 700;
	color: #7eb338;
	border: 10px solid;
}
.warningModel-icon {
	margin: -10% 5%;
	padding: 0px 5%;
	font-size: 800%;
	font-weight: 500;
	color: #f37021;
}
.errorModel-icon {
	margin: 0% 25%;
	padding: 5%;
	font-size: 400%;
	font-weight: 700;
	color: #EE3126;
	border: 10px solid;
}
.pw-icon {
	width: 23px;
	height:18px;
	float: right;
	margin-right: 10px;
	margin-left: -25px;
	margin-top: -34px;
	position: relative;
	z-index: 2;
	
}
.show-pw-icon {
	background: url("/images/Show_PW_icon.png") no-repeat; 
	background-repeat: no-repeat;
  	background-size: 23px 18px;
}

.hide-pw-icon {
	background: url("/images/Hide_PW_icon.png") no-repeat; ;
  	background-repeat: no-repeat;
  	background-size: 23px 18px;
}
.pw-text {
	padding-right: 40px !important;
}
input::-ms-clear, input::-ms-reveal {
    display: none;
}
hr {
	border-top:1px solid #D0D0D0;
}
.hr-div {
	display:flex;
}
.hr-left {
	width:45%;
	margin-left: 0px;
}
.hr-right {
	width:45%;
	margin-right: 0px;
}
.hr-text {
	width:10%;
	text-align:center;
	margin-top:8px;
	font-size: 15px;
}
.hid-Idp-Image {
	padding-top : 8px;
	float: left;
	height: 30px;
	width: 30px;
}
.hid-Idp {
	text-align:left;
	line-height: 48px;
	border: 1px solid #8C8C8C !important;
	color: #707070 !important;
	font-size: 14px;
	width: 68%;
	min-width: 210px;
	padding-top: 0px;
	height: 48px;
	left:16%;
	position:relative;
	text-transform: none !important;
}
.hid-social-text {
	padding-left: 5%;
}
@media screen and (max-device-width : 767px), (max-width : 400px), (max-height : 400px)
{
	.password-strength {
		display:none;
	}
	.popover-heading {
		display:none;
	}
	.popover  {
  		width: 80%;
	}
	.pw-text ~ .popover {
		width: 30%;
	}
	
	.pwd-input ~ .popover {
		width: 40%;
	}
	.hid-Idp {
		max-width: 310px;
		width: 90%;
		left: 5%;
	}
}


@media screen and  (max-width: 770px) {
	.signInTitle {
		font-size: 200%;
	}
	.userDetails{
		width: 100%;
	}
	.width-50 {
		width: 100%;
	}
	.loginPanel-btn {
		display:block;
	}
	.loginPanel-btn-left {
		margin: 10px 0px;
		width:100%;
	}
	.loginPanel-btn-right {
		margin: 10px 0px;
		margin-left :0px !important;
		width:100%;
	}
  	.width-50-right{
		float:none;
		clear: both;
	}
	.successModel-icon {
		margin: 0% 10%;
		font-size: 300%;
	}
	.warningModel-icon {
		margin: -5px 10%;
		font-size: 600%;
	}
	
}
@media screen and  (max-width: 991px) {
	.userDetails{
		width: 100%;
	}
}

.btn.btn-primary {
    background-color: #1792E5;
}

.btn.btn-primary:hover {
    background-color: #1272B2;
}

.btn-primary:not(:disabled):not(.disabled):active {
    background-color: #23608C;
}


@media screen and (min-width : 768px) {
	.pw-text ~ .popover {
		width: 20%;
	}
} 

@media screen and (min-width : 768px) {
	.pwd-input ~ .popover {
		width: 50%;
	}
} 

@media screen and (max-width: 479px) {
	.modal .modal-dialog .modal-content {
		height: auto !important;
	}
	.modal .modal-dialog .modal-content .modal-body {
		padding-bottom: 0px;
	}
}

/* Styles as per the latest HUE recommendation */

.hon-alert {
	display: inline-flex;
	align-items: flex-start;
	border-radius: 4px;
	background: #FFF;
}

.hon-alert-critical {
	border: 1px solid  #F15A4F;
}

.hon-alert-icon-layout {
	display: flex;
	padding: 16px 0px 16px 16px;
	align-items: flex-start;
	gap: 10px;
	align-self: stretch;
	width: 48px;
	height: 48px;
}

.hon-alert-content-layout {
	display: flex;
	padding: 16px 18px 18px 14px;
	justify-content: flex-end;
	align-items: flex-start;
	gap: 12px;
	flex-direction: column;
	align-items: flex-start;
}

.alert-indicator {
	width: 12px;
	align-self: stretch;
	border-radius: 4px 0px 0px 4px;
}

.alert-indicator-critical {
	background: #F15A4F;
}

.hon-alert-title {
	color:  #303030;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: -0.32px;
}

.hon-alert-content {
	color:  #606060;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.28px;
}

.hon-alert-icon-group {
	width: 48px;
	height: 48px;
	flex-shrink: 0;
}

.hon-alert-critical-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(241, 90, 79, .2);
	flex-shrink: 0;
	color: red;
	font-weight: 400;
}

.hon-alert-icon-background {
	width: 38px;
	height: 38px;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
	border-radius: 70px;
	font-size: 28px;
}

.hon-alert-icon-background-critical {
	background: rgba(241, 90, 79, .4);
}
/* Styles as per the latest HUE recommendation */

/* @media screen and (min-width : 420px) {
	.bootstroPwd ~  .popover {
		top: 150px !important
	}
}  
 */

/*  .popover.top {
    margin-top: 20px;
}
[type="password"] + .popover.top  {
    margin-top: -10px;
} */