/*
@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic,700italic&subset=latin,latin-ext);
*/

@font-face {
	font-family: 'NotoSans-Light';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/NotoSans-Light.ttf');
	src: local('Noto Sans'), local('NotoSans'), url('../fonts/NotoSans-Light.ttf') format('truetype');
}
/*********************************************************
 * Define Colors, Background Images and Fonts.
 *********************************************************/


@media ( min-width : 250px) {

}

@media screen and (max-width: 416px) {
	.ng-header {
		display: none;
	}

	.newfooter123 {
		display: none;
	}
}

@media ( min-width : 416px) {

	#symcContentBox .symcTitle{
		color: #000000 !important;
	}
	#symcSamlBody #symcContentBox  {
		border: none;
		box-shadow: 0px 0px 20px rgba(29, 17, 86, .3);
		background: #ffffff !important;
	}
	#symcSamlErrorBody #symcContentBox  {
		background: #ffffff !important;
	}

	#symcContentBox a {
		color:#D1A521;
		text-decoration: none;
	}
	#symcContainer{
		background-color: #ffffff !important;
		font-size: 1.0em !important;

	}
	body {
		/* background-color: #e7e7e7 !important; */
	}

	button{
		/* -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
         -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
         box-shadow: 0 1px 2px rgba(0,0,0,.2); */
		font-weight:normal;
	}

	.primary {
		color: #333333 !important;
		border: solid 1px #D29201 !important;
		background: #fee188 !important; /* Old browsers */
		background: -moz-linear-gradient(top,  #fee188 0%, #ffb221 100%) !important; /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fee188), color-stop(100%,#ffb221)) !important; /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #fee188 0%,#ffb221 100%) !important; /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #fee188 0%,#ffb221 100%) !important; /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #fee188 0%,#ffb221 100%) !important; /* IE10+ */
		background: linear-gradient(to bottom,  #fee188 0%,#ffb221 100%) !important; /* W3C */
		-webkit-border-radius: .5em !important;
		-moz-border-radius: .5em !important;
		border-radius: .5em !important;
	}
	button.primary:focus,.primary:hover {
		background: #ffb221 !important; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffb221 0%, #fee188 100%) !important; /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb221), color-stop(100%,#fee188)) !important; /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffb221 0%,#fee188 100%) !important; /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffb221 0%,#fee188 100%) !important; /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffb221 0%,#fee188 100%) !important; /* IE10+ */
		background: linear-gradient(to bottom,  #ffb221 0%,#fee188 100%) !important; /* W3C */
	}
	.primary:active {
		color: #333333 !important;
		background: #ffb221 !important; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffb221 0%, #fee188 100%) !important; /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb221), color-stop(100%,#fee188)) !important; /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffb221 0%,#fee188 100%) !important; /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffb221 0%,#fee188 100%) !important; /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffb221 0%,#fee188 100%) !important; /* IE10+ */
		background: linear-gradient(to bottom,  #ffb221 0%,#fee188 100%) !important; /* W3C */
	}

	.secondary {
		color: #333333 !important;
		border: solid 1px #888888 !important;
		background: #ededed !important; /* Old browsers */
		background: -moz-linear-gradient(top,  #ededed 0%, #a5a5a5 100%) !important; /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#a5a5a5)) !important; /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ededed 0%,#a5a5a5 100%) !important; /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ededed 0%,#a5a5a5 100%) !important; /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ededed 0%,#a5a5a5 100%) !important; /* IE10+ */
		background: linear-gradient(to bottom,  #ededed 0%,#a5a5a5 100%) !important; /* W3C */

		-webkit-border-radius: .5em !important;
		-moz-border-radius: .5em !important;
		border-radius: .5em !important;
	}
	button.secondary:focus,.secondary:hover {
		background: #a5a5a5 !important; /* Old browsers */
		background: -moz-linear-gradient(top,  #a5a5a5 0%, #ededed 100%) !important; /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5a5a5), color-stop(100%,#ededed)) !important; /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #a5a5a5 0%,#ededed 100%) !important; /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #a5a5a5 0%,#ededed 100%) !important; /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #a5a5a5 0%,#ededed 100%) !important; /* IE10+ */
		background: linear-gradient(to bottom,  #a5a5a5 0%,#ededed 100%) !important; /* W3C */
	}
	.secondary:active {
		color: #333333 !important;
		background: #a5a5a5 !important; /* Old browsers */
		background: -moz-linear-gradient(top,  #a5a5a5 0%, #ededed 100%) !important; /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5a5a5), color-stop(100%,#ededed)) !important; /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #a5a5a5 0%,#ededed 100%) !important; /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #a5a5a5 0%,#ededed 100%) !important; /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #a5a5a5 0%,#ededed 100%) !important; /* IE10+ */
		background: linear-gradient(to bottom,  #a5a5a5 0%,#ededed 100%) !important; /* W3C */
	}

}


@media ( min-width : 1200px) {

}

body {
	font-family: 'NotoSans-Light',  Arial  !important;
	font-size:14px;
	line-height:1.125em;
}
body a {
	cursor: pointer;
	cursor: hand;
}

.subTitle{
	font-weight:bold;
}

footer #symcFooterLinks{
	font-size: 14px;
}

#symcBrowserNotSupported,#symcEnableJavascript{
	font-size:0.75em;
	font-weight:bold;
}

#symcBrowserNotSupported,#symcEnableJavascript{
	background: -webkit-gradient(linear, left top, left bottom, from(#ffe590), to(#FFFFFF));
	background: -moz-linear-gradient(top,  #ffe590,  #FFFFFF);
	/* IE 10+ */
	background-image: -ms-linear-gradient(top, #ffe590, #FFFFFF);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe590', endColorstr='#FFFFFF');
	border: 1px solid #D29201;
}
#browserNotSupported .symcWarning,#enableJavascript .symcWarning{
	background: url("../images/alertIcon_20x20.png") repeat scroll 0 0 transparent
}


body{
	background-color: #ffffff;
}
#symcContainer{
	background-color: inherit;
	color: #333333;
	font-size: 0.88em;
}

#symcFooterStrip,#symcHeaderStrip{
	background-color:#a29f9e;
}

#symcSamlBody #symcContentBox {
	width: 100% !important;
	height: 530px !important;
	background-color: inherit;
	border: none;
	border-radius: 10px !important;
	overflow: auto;
	overflow-x: hidden;
}

#symcSamlBodyMobile #symcContentBoxMobile {
	width: 100% !important;
	height: 100% !important;
	background-color: inherit;
	border: none;
	border-radius: 10px;
	overflow: auto;
	overflow-x: hidden;
	position: fixed !important;
}

#symcSamlBody .panel {
	box-shadow: none;
}
#symcSamlErrorBody #symcContentBox {
	width: 100%;
	border:0;
	background-color: #ffffff;
}

.serverError #symcContentBox{
	/*
	border:1px solid #c7c7c7 !important;
	*/
}

#symcContentBox .symcTitle{
	color: #000000;
}
#symcMobileNav {
	border-right:1px solid #b1aead !important;
}
#symcMobileNav .navLeftCheveron {
	/*color: #9e9e9e;*/
	color: #006FFF;
}
#symcOOBOptions {
	font-size: 15px;
}
#symcOOBOptions label{
	font-weight: normal;
}
#symcOOBOptions .oobXsLabel {
	font-size: 1.02em;
	font-weight: 800
}
#symcOOBOptions .oobXsDisplay {
	font-weight: normal;
	font-size: 1.02em;
	color: #515151;
}
#symcOOBOptions .oobXsRow tr {
	border: 1px solid #cccccc;
	border-width: 1px 0 1px 0;
	font-size: 1.0em;
}

#symcContentBox a{
	color:#366bb2;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
}

.defaultBorder{
	border-color:#000;
}

a.toggleLink,a.toggleLink:link, a.toggleLink:visited, a.toggleLink:hover {
	color: #333333;
}

.disabled a.toggleLink,.disabled a.toggleLink:link,.disabled a.toggleLink:visited,.disabled a.toggleLink:hover{
	color:#999999;
}

/*********************************************************
 * Default links
 *********************************************************/

a:link, a:visited, a:hover {
	color:#366bb2;
}


:-webkit-input-placeholder {
	color: #999999;
}

:-moz-placeholder {
	color: #999999;
}

:-ms-input-placeholder {
	color: #999999;
}

/*********************************************************
 * Footer
 *********************************************************/
footer a:visited,footer a:hover {
	color:#7a7a7a !important;
}

#symcFooterLinksXs ul li ,footer a:visited,footer a:hover {
	color: #7a7a7a;
}

footer #symcFooterLinksXs{
	background-color: #ededed;
}

/**************************************************
 * Inline Help & Tooltip
***************************************************/

.arrowLeft {
	border-bottom: 10px solid transparent;
	border-top: 10px solid transparent;
	border-right: 10px solid #000;
}


.arrowRight{
	border-bottom: 10px solid transparent;
	border-top: 10px solid transparent;
	border-left: 10px solid #FFF;
}

.tooltip .tooltipWrapper {
	color: #333333;
	border: 1px solid #366bb2;
	background: #FFF;
}

.inlineHelp .tooltipWrapper {
	color: #333333;
	border: 1px solid #366bb2;
	background: #FFF;
}

.inlineHelp .tooltipWrapper{
	background: url("../images/helpGradient.png") repeat-x scroll 0 0 transparent;
}

.inlineHelp .tooltipWrapper .tooltipBorder{
	border: 1px solid #FFF;
}

.inlineHelp .helpCloseButton{
	cursor: pointer;
}

span.tip-close-button{
	background:url("../images/cross_grey_small.png") repeat scroll 0 0 transparent !important;
}

.qtip-viplogin{
	background-color: #4a4a4a;
	border: 1px solid #4a4a4a;
	color: #ffffff;
	padding-top: 15px;
	padding-bottom: 15px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 13px !important;
	line-height: 14px !important;
}

.qtip-viplogin .qtip-titlebar{
	background-color: #FFEF93;
}

.qtip-viplogin .qtip-icon{
	border-color: #CCC;
	background: #F1F1F1;
	color: #777;
}

.qtip-viplogin .qtip-titlebar .qtip-close{
	border-color: #AAA;
	color: #111;
}

/*********************************************************
 * Button
 *********************************************************/

button{
	/* -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
     box-shadow: 0 1px 2px rgba(0,0,0,.2); */
	font-weight:normal;
	border: 0;
}

.primary {
	color: #333333;
	background: #FFCD00; /* Old browsers */

}
button.primary:focus,.primary:hover {
	background: #efbd00; /* Old browsers */

}
.primary:active {
	color: #333333;
	background: #FFCD00; /* Old browsers */

}

.secondary {
	color: #333333;
	background: #CCCCCC; /* Old browsers */

}
button.secondary:focus,.secondary:hover {
	background: #a5a5a5; /* Old browsers */

}
.secondary:active {
	color: #333333;
	background: #a5a5a5; /* Old browsers */

}

#symcContentBox .symcButtonAction button {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

/************************************************************
 *  Loading
************************************************************/

.disabled{
	color: #999999;
}

.hidden{
	display:none;
}
/**************************************************
 * General
***************************************************/

strong{
	font-weight:bold;
}
.radioTable fieldset {
	border: 0;
	padding: 0;
}
.radioTable fieldset legend {
	font-size: inherit !important;
}
.oobXsRow table td {
	/*
	border-color: #bcbcbc;
	border-image: none;
	border-style: solid;
	border-width: 1px 0;
	*/
}

/**************************************************
 * Messaging component
***************************************************/

.alert-success {
	background: none repeat scroll 0 0 #f5f5f5;
	border-color: #f5f5f5 !important;
	color: #222222;
	width: 125%;
}

.alert-error {
	background-color: #f5f5f5;
	width: 125%;
}

.alert-warning {
	background-color: #f5f5f5 !important;
	border-color: #f5f5f5 !important;
	color: #222222 !important;
	width: 125% !important;
}

.alert-info {
	background: none repeat scroll 0 0 #f5f5f5;
	color: #222222;
	width: 125%;
}

.alert-icon-success {
	background: url("../images/alert-icon-success-new.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.alert-icon-error {
	background: url("../images/alert-icon-error-new.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.alert-icon-warning {
	/*
	background: url("../images/alert-icon-warning.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	*/
	background: url("../images/alert-icon-error-new.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);

}

.alert-icon-info {
	background: url("../images/alert-icon-info.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.serverErrorIcon {
	background: url("../images/alert-icon-error-new.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.serverErrorIcon2x {
	background: url("../images/error-icon-med.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.modalBranding{
	background: url("../images/logo_symantecvip.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.form-group .help-block {
	display: none;
}

.form-group.has-error .help-block {
	display: block;
}
.form-group .help-block {
	width: 108%;
}


/************************************************************
 *  Mobile Push View
************************************************************/

.highlightPushCreds{
	background-color:#f5f5f5;
	border-radius: 8px;
}

.ffPushOverride .highlightPushCreds{
	background-color:#E4E4E4;
	color: #000000;
}

.bottomActionLinkBox{
	background-color: #E5E5E5;
}
.bottomActionLinkBox a {
	color:#DE6710 !important;
}

.mpSubTitle{
	font-size: 15px;
	text-align: center;
	/*
	background-color:

	color: #FFFFFF;
	*/
}

.ffPushOverride .mpSubTitle{
	background-color:inherit;
	color: #000000;
}

.pushDotSeperator{
	/*
	margin: 0; padding: 0;
	height: 2px;
	background-image: url('../images/hr.png');
	background-repeat: repeat-x;
	overflow:hidden;
	*/
}
/**************************************************
 * Inline Help & Tooltip
***************************************************/

.arrowLeft {
	border-bottom: 10px solid transparent;
	border-top: 10px solid transparent;
	border-right: 10px solid #000;
}

.arrowRight{
	border-bottom: 10px solid transparent;
	border-top: 10px solid transparent;
	border-left: 10px solid #FFF;
}

.tooltip .tooltipWrapper {
	color: #333333;
	border: 1px solid #366bb2;
	background: #FFF;
}

.inlineHelp .tooltipWrapper {
	color: #333333;
	border: 1px solid #366bb2;
	background: #FFF;
}

.inlineHelp .tooltipWrapper{
	background: url("../images/helpGradient.png") repeat-x scroll 0 0 transparent;
}

.inlineHelp .tooltipWrapper .tooltipBorder{
	border: 1px solid #FFF;
}

.inlineHelp .helpCloseButton{
	cursor: pointer;
}
.modalTitle{
	background-color: #366bb2;
	color:#FFFFFF;
}

.symcModalDialog .modal-dialog {

}
.symcModalDialog .modal-content {

}
.symcModalDialog .modal-header {

}
.symcModalDialog .modal-body {

}
.symcModalDialog .modal-footer {
	border: 0;
}



