/*  CSS for Response page Access denied (406672-2018 TvH) */

html {
    
    line-height: 1.5;
}

body {
  color: #333333;
  font-size: 14px;
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	height:98vh;
}

body {
  font-family: Roboto, sans-serif;
  margin: 0;
  padding: 0;
}
input {
	font-family: Roboto, sans-serif;
	font-size:14px;
	padding:0 0 0 35px;
}
h3 {
	color:#D04A02;
}

a, a:link    { 
	color: #D04A02;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

headerwrapper {
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	max-height: 85px;
}
header {
	width:75%;
	padding: 1rem 0 1rem 0;
  	text-align: left;  
}

header .pwclogo {
	width:69px;
	height:52px;
	background-image: url(https://www.pwc.com/us/en/webadmin/assets/ifs-pa/responsespritesheet.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 500px 500px; 
}

mainwrapper {
	background-color:#D04A02;
	display:flex;
	flex-direction:column;
	align-items: center;
	clear:both;
	flex: .25 0 auto;
}

main {
	
	padding:.5rem 0 1rem 0;
	height: auto;
	color: #FFFFFF;
	width: 75%;
	
}
main a, main a:link    { 
	color: #FFFFFF;
	text-decoration: underline; 
}
main a:hover {
	text-decoration: none;
}
main .messagecontainer, main .notice {
	width:100%;
	display:flex;
	align-items: center;
	justify-content: center;
	color: #FFFFFF;
    font-size: 1.3rem;
	font-weight: 400;
	
}

main .messagecontainer .cautionicon {
	width:45px;
	height:40px;
	background-image: url(https://www.pwc.com/us/en/webadmin/assets/ifs-pa/responsespritesheet.png);
	background-repeat: no-repeat;
	background-position: -300px 0px;
	background-size: 500px 500px;
}

main .messagecontainer .message {

	font-size:3.3rem;
	font-weight:500;
	margin:0 0 0 1rem;
}
main .description {
	
}
main .cta {
	
}

main .cta .buttons {
	display:flex;
	flex-direction:row;
	justify-content: space-between;
	width:100%;
}
main .cta .buttons .backbutton,  input[type=submit] {
	background-image: url(https://www.pwc.com/us/en/webadmin/assets/ifs-pa/responsespritesheet.png);
	background-repeat: no-repeat;
	background-size: 500px 500px;
	height:39px;
	width:139px;
	cursor: pointer;
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	background-color:transparent;
	border:0;
	
	
}

main .cta .buttons .backbutton { 
	background-position: 0px -100px;
}

input[type=submit] {
	background-position: -200px -100px;
}

main .cta .buttons .backbutton:hover {
	background-position: 0px -150px;
}
input[type=submit]:hover {
	background-position: -200px -150px;
}
main .cta .buttons .backbutton .backbuttonwording, input[type=submit] {
	display:flex;
	justify-content:center;
	align-content:center;
	color: #333333;
	font-weight: 500;
}

main .cta .shorturl {
	display: flex;
	align-content: center;
	justify-content: center;
	 
	
}

#shorturlcontainer {
	opacity: 0;
	
}
main .cta .shorturl .worldicon {
	width:23px;
	height:23px;
	margin:4px 8px 0 0;
	background-image: url(https://www.pwc.com/us/en/webadmin/assets/ifs-pa/responsespritesheet.png);
	background-repeat: no-repeat;
	background-position: -200px 0px;
	background-size: 500px 500px;
	 
}
main .cta .shorturl .shortened {
	font-weight: 500;
	font-size:1.3rem;
		

}
extrawrapper {
	display:flex;
	flex: 1 0 auto;
	flex-direction:column;
	align-items: center;
	padding:1rem 0 2rem 0;
	clear:both;
	
}


extra {
	display:flex;
	justify-content: space-between;
	
	height:auto;
	width:75%;
}
extra .col {
	width: 30%;
}
footerwrapper {
	flex: 0 0 auto;
	display:flex;
	flex-direction:column;
	align-items: center;
	clear:both;
	border-top:1px solid #333333; 
	
	
}
footer {
	padding: 1rem 0 0 0;
	width:75%;
	height: auto;
	display:flex;
	align-items: flex-start;
	flex-direction: column;
	font-size:.75rem;
	flex-wrap: wrap;
	

}
footer .usermeta  {
	flex: 0 1 auto;
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width:100%;
	width:98%;
}

footer .usermeta .col {
	width:22%;
	word-wrap: break-word;
	word-break: break-all;
	border-left:1px solid #DFDFDF;
	padding:0 0 0 .5rem;
	
}

footer .usermeta .col span {
	
}
footer .boilerplate { 
	
	font-weight:bold;
	display:flex;
	align-content: flex-start;
	max-width:100%; 

	
}

.bold {
	font-weight:bold;
	
}
@media (max-width:333px) {
	header,main,extra,footer {
		width:90%; 
	}
	main .messagecontainer, main .notice {
		justify-content: flex-start;
	}
	main .messagecontainer .cautionicon {
		width:22px;
		height:20px;
		background-size: 250px 250px;
		background-position: -150px 0px;
	}
	main .messagecontainer .message {
		font-size:1.5rem;
		margin: 0 0 0 .5rem;
	}
	main .cta .backbutton {
		margin-bottom:10px;
	}
	main .cta .shorturl {
		
		justify-content: left;
	
	}
	main .cta .shorturl .worldicon {
		margin-top:2px;
	}
	main .cta .shorturl .shortened {
		font-weight:400;
		font-size: 1.1rem;
	}
	extra {
		display: inline;
	}
	extra .col {
		width:100%;
		border-top:1px solid #DFDFDF;
		padding:1rem 0 .5rem 0;
	}
	extra .col:first-child {
		border-top:0px;
	}
	footer .usermeta  {
		display: inline;
}

	footer .usermeta .col {
		width:100%;
		word-break: break-all;
		border-left:0px;
		padding:0 0 .5rem 0;
	
}
}

/*  Standard phone sizes */
@media (min-width:334px) and (max-width: 634px) {
	header,main,extra,footer {
		width:90%; 
	}
	main .messagecontainer, main .notice {
		justify-content: flex-start;
	}
	main .messagecontainer .cautionicon {
		width:34px;
		height:30px;
		background-size:375px 375px;
		background-position:-225px 0px;
	}
	main .messagecontainer .message {
		font-size:1.7rem;
		margin: 0 0 0 .5rem;
	}
	main .cta .backbutton {
		margin-bottom:10px;
	}
	main .cta .shorturl {
		
		justify-content: left;
	
	}
	main .cta .shorturl .worldicon {
		margin-top:2px;
	}
	main .cta .shorturl .shortened {
		font-weight:400;
		font-size: 1.1rem;
	}
	extra {
		display: inline;
	}
	extra .col {
		width:100%;
		border-top:1px solid #DFDFDF;
		padding:1rem 0 .5rem 0;
	}
	extra .col:first-child {
		border-top:0px;
	}
	footer .usermeta  {
		display: inline;
}

	footer .usermeta .col {
		width:100%;
		word-break: break-all;
		border-left:0px;
		padding:0 0 .5rem 0;
	
}
}

/*  Tablet portrait sizes */
@media (min-width:635px) and (max-width: 1023px) {
  header,main,extra,footer {
		width:90%; 
	}
	
}
/* Larger desktop sizes */
@media (min-width: 1024px) and (max-width: 1400px) {
	/* DEFAULT */
}

/* Huge monitor sizes */
@media (min-width: 1400px) {
	header,main,extra,footer {
		width:50%; 
	}
}