/*sign in component css starts*/


		.signin .w_signin{
			background-color:#f6f6f6 !important;
			padding:1.5rem 0;
			font-family:BrandFont,Arial,sans-serif;
			width:72%;
			overflow:hidden
		}.w_signin .row {
			width: 970px;
			max-width: 80rem;
			margin: 0 auto;
			padding-left: 0.5625rem;
			padding-right: 0.5625rem;
			box-sizing: border-box;
		}
		.w_signin .column {
			padding-left: 0.5625rem;
    		padding-right: 11.5625rem;
			box-sizing: border-box;
		}
		.tiny-12 {
			width: 100%;
		}

		.signin-text {
			float: left;
			font-size: 14px;
		}
		.display-table {
			display: table;
		}
		.display-table-cell {
			display: table-cell;
		}
		.signin-text .signin-icon {
			vertical-align: middle;
		}
		.signin-text .signin-icon img {
			max-width: 3.1rem;
			height: auto;
			display: inline-block;
			vertical-align: middle;
		}
		.padding-left-tiny {
			padding-left: 0.75rem;
		}
		.vert-top {
			vertical-align: top;
		}
		.bold {
			font-weight: bold;
			line-height: 21px;
		}
		.hide_section{
			display: none;
		}
		.line-height-tiny {
			line-height: 1;
		}
		.signin-btn {
			float: right;
		}
		.w_signin .rounded-button {
			color: #fff;
			background: #000;
			border-radius: 2.0rem;
			border: 0.0625rem solid #fff;
			padding: 0 2.5rem;
			font-weight: bold;
			display: inline-block;
			text-align: center;
			height: 2.5625rem;
			line-height: 0.875rem;
			cursor: pointer;
			font-size: 14px;
			min-width: 8.4375rem;
		}
		.w_signin .signin-btn .rounded-button {
			height: 41px;
			padding: 0 2.125rem;
			min-width: initial;
		}
		.w_signin .signin-btn .rounded-button:focus{
			outline: 2px dotted #000 !important;
		} 
		.iframe_wrapper{
			padding: 0 10px;
			box-sizing: border-box;
			padding-top: 30px;
		
		}
		@media only screen and (max-width: 47.9375rem){
			.w_signin .signin-text {
				width: 57%;
				display: inline-block;
			}
			.w_signin .signin-text .signin-icon {
				vertical-align: top;
			}
			.w_signin .signin-btn {
				padding-top: 0.5625rem;
				display: inline-block;
			}
            .w_signin .column {
                padding-left: 0.5625rem;
                padding-right: 0.5625rem;
                box-sizing: border-box;
		  }
		.signin .w_signin{
			background-color:#f6f6f6 !important;
			padding:1.5rem 0;
			font-family:BrandFont,Arial,sans-serif;
			width:100%;
			overflow:hidden
		}

		}	
		@media only screen and (max-width: 60.5625rem){
			.w_signin .row {
				width: 100% !important;
			}


		}
		@media only screen and (min-width: 60.625rem){
			.w_signin .large-mw-none {
				max-width: none !important;
			}
			.w_signin .row {
				padding-left: 0.5625rem;
				padding-right: 0.5625rem;
			}
		}
		
	
/*sign in component css ends here*/
/*overly section for sign in component css starts here*/
	.scbhidden { position: absolute; left: -9000em; top: -9000em; width: 0; height: 0; overflow: hidden; }
	#scbmsg.phoenix #scblqmodalclose, #scbmsg #scbresmodalclose { -webkit-overflow-scrolling: auto;width: 20px; height: 20px; background: rgba(0, 0, 0, 0) url('../../../clientlibs/clientlib-base/resources/images/close.svg') no-repeat scroll 0 bottom / 20px 46px; float: none; margin: 0; position: absolute; top: 15px; right: 16px; z-index: 1; }
	#scbmsg.phoenix #scblqmodalclose, #scbmsg #scbresmodalclose { background:none;border-bottom:none; width: 100%; height: 30px;  float: right; margin: 0; position: absolute; top: 0; left: none; z-index: 1; }
	@media (min-width: 768px) {
/* Modal */
	#scboverlay { z-index: 110000; position: fixed; filter: alpha(opacity=40); width: 100%; background: #000; height: 100%; top: 0; cursor: default; left: 0; opacity: 0.40; }
	#scboverlaycontent { z-index: 110001; position: absolute !important; width: 100%; top: 0; left: 0; }
	#scbmsgcont { position: absolute; text-align: center; width: 100%; overflow: visible; top: 150px; left: 0; color: #666; }
	#scbmsg { position: relative; text-align: left;}
	#scbmsg.phoenix .iframe_wrapper {-webkit-overflow-scrolling: touch;overflow-y: scroll;background: #fff;height:auto;width:100% !important; max-width:1000px;margin:0 auto;padding:0px;left: 0px; right: 0px; position: relative; overflow: auto; top: 8px; bottom: 8px;border: 1px solid #aaa; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; outline: none;}
	a.scboverlayclose:link { position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; background: rgba(0, 0, 0, 0) url('') no-repeat scroll 0 bottom / 20px 46px; }
	a.scboverlayclose:focus {} 
	#scbmsg.phoenix {  background: url('../../../clientlibs/clientlib-base/resources/images/loading.gif') no-repeat center center / 30px 30px !important; left: 0px; right: 0px; position: relative; overflow: hidden; top: 8px; bottom: 8px; margin:0 auto; height:100% !important;width:98% !important;max-width:1000px;}
	#scbmsg.phoenix #scblqmodalclose, #scbmsg #scbresmodalclose { -webkit-overflow-scrolling: auto;width: 20px; height: 20px; background: rgba(0, 0, 0, 0) url('../../../clientlibs/clientlib-base/resources/images/close.svg') no-repeat scroll 0 bottom / 20px 46px; float: none; margin: 0; position: absolute; top: 15px; right: 16px; z-index: 1; }
	#scbmsgtitle{font-size:36px;}

	/*Belowo 2 lines Added to remove the conflicts on SSO and LQ overlay */
	.sso .phoenix{max-width:400px !important};
	.sso .phoenix .iframe_wrapper{height:600px !important;}
	.sso #scbmsg.phoenix .iframe_wrapper {overflow:hidden !important;padding:28px;}

}
@media (max-width: 767px) {
/* Modal */
	body.modal_open {position:fixed;overflow:hidden;width:100%;}
	#scboverlay { z-index: 110000; position: absolute; filter: alpha(opacity=40); width: 100%; background: #000; height: 100%; top: 0; cursor: default; left: 0; opacity: 0.40; }
	#scboverlaycontent { z-index: 110001; position: absolute; width: 100%; top: 0; left: 0; }
	#scbmsgcont { position: absolute; text-align: center; width: 100%; overflow: visible; top: 150px; left: 0; color: #666; }
	#scbmsg{position:relative; text-align:left; font-size:14px; background:#fff; color:#000; margin:8px; width: auto !important;}
	#scbmsg.phoenix .iframe_wrapper {padding-top:30px;-webkit-overflow-scrolling: touch;overflow-y: scroll;background: #fff;height:100%;width:96% !important; max-width:1000px;margin:0 auto;left: 0px; right: 0px; position: fixed !important; overflow: auto; top: 8px; bottom: 8px;border: 1px solid #aaa; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; outline: none;}
	.scboverlayclose { position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; background: rgba(0, 0, 0, 0) url('') no-repeat scroll 0 bottom / 20px 46px;}
	#scbmsg.phoenix {  background: url('../../../clientlibs/clientlib-base/resources/images/loading.gif') no-repeat center center / 30px 30px !important; left: 0px; right: 0px; position: fixed !important; overflow: auto; top: 8px; bottom: 8px; margin:0 auto; height:100% !important;width:96% !important;max-width:1000px;}
	#scbmsg.phoenix #scblqmodalclose, #scbmsg #scbresmodalclose { background:none;border-bottom:none; width: 100%; height: 30px;  float: right; margin: 0; position: absolute; top: 0; left: 0; z-index: 1; }
	#scbmsg.phoenix #scblqmodalclose:after, #scbmsg #scbresmodalclose:after {content:'';background: url('') no-repeat scroll 0 bottom / 18px 41px;position:absolute;top:12px;right:12px;width:20px;height:20px;}
	#scbmsg .scboverlaybtn1,
	#scbmsg .scboverlaybtn2 {display:none; width:100%; box-sizing:border-box; margin:4px 0;}
	#scbmsgtitle {font-size:24px;}
	#scbmsg.phoenix #scblqmodalclose, #scbmsg #scbresmodalclose {background:rgba(0, 0, 0, 0) url('../../../clientlibs/clientlib-base/resources/images/close.svg') no-repeat scroll 0 bottom / 20px 46px;border-bottom:none;width: 20px;height: 46px;float: none;margin: 0;position: absolute;top: 8px;right: 10px;z-index: 1;background-position: -1px -25px;}
}
/*overly section for sign in component css ends here*/

/*--- styles for CTA ---*/


.outage-alert-header {
    font-size: 24px;
    line-height: 27px;
}

.outage-alert-header {
    font-size: 24px !important;
    line-height: 27px;
}
.padding-bottom-small {
    padding-bottom: 1.125rem !important;
}

.padding-bottom-tiny {
    padding-bottom: 0.75rem !important;
}
.bg-grey-6 {
    background-color: #f6f6f6 !important;
}
/*for experience frgment sign allignment*/
.xf-web-container .signin .w_signin .all-services-header .button.cta-text{
	padding-left: 16px;
}
.all-services-header a {
    padding-left: 16px !important;
}