/* VisualRefresh - global reset */
* {
margin:0;
padding:0;
box-sizing: border-box;
}

/* VisualRefresh - Set up for footer */
html, body, form, #pswrapper {
display:block;
height:100%; 
color: #000;
font-size:16px;
color: #1d2733;
color: var(--pt-page-text-color, #1d2733);
}

form { 
display:flex; flex-direction:column;
} 

body {
/* background-color:rgb(34,83,122); */
background-image: url('./images/BG_Texture.png');
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
display: block;

/*VisualRefresh*/
background-image:none; 
font-size: 1em;
background: #EFF1f4; 
background: #f1f3f6; /*color contrast correction */
background: var(--pt-homepage-background, #f1f3f6);
}

/*VisualRefresh*/
h1 {
margin-top:0.75em;
margin-bottom:0.75em;
}

/*VisualRefresh*/
#pswrapper { text-align:center; } /* CONE858 */

.signonMain {
margin: auto;
text-align: center; 

/*VisualRefresh - Newly added Properties*/
display:inline-block;
background:#fff;
background: var(--pt-page-background-color, #fff);
border:1px solid #ced4da;
border:1px solid var(--pt-border-contrast-color, #ced4da);
border-radius: 0 0 3px 3px; 
border-radius: 0.25em;
box-shadow: 0 8px 20px 0 rgba(29,39,51,0.10); 
box-shadow: 0 8px 20px 0 var(--pt-modal-shadow-color, rgba(29,39,51,0.10));
flex: 0 1 auto;
align-self: center;
max-height: fit-content;
max-width: 50em;
width: 60vw;
padding-bottom:1em; 
transition: height 0.15s 0s ease-in-out,width 0.15s 0s ease-in-out,background 0.15s 0s ease-in-out;
}

/*VisualRefresh - gradient */
.signonMain:before {
content:"";
display:block;
padding-top:0.5em;
background: linear-gradient(to right, #b4ec51 0%, #53a0fd 100%);
background: var(--pt-strip-background, #53a0fd);
border-radius: 0.2em 0.2em 0em 0em;
}

/* redwood - remove border radius for redwood strip on expire.html */
.errorDiv .signonMain:before {
border-radius: 0em;
}

.ps_text_header { 
font-family: Arial, Helvetica, sans-serif;
font-size: 25px;
font-weght:bold;
color: #FFFFFF;
text-shadow: 3px 3px 3px #000000;
width:351px;
display:inline-block;
padding-bottom:14px;
text-align:left;

/*VisualRefresh - Newly added Properties*/
text-shadow:none;
color:#000;
width:auto;
dipslay:block;
}

html[dir='rtl'] .ps_text_header {
text-align:right;
text-shadow: -3px 3px 3px #000000;
}

/*VisualRefresh*/
.ps_box-labelshow {
  text-align:left;
}

/* begin information page and expire page settings */
.ps_box-info {
display:inline-block;
}

.ps_box-info > p {
color: #FFFFFF;
color: inherit;
}

p.ps_loginmessagelarge {
font-weight: bold;
margin-bottom: 0.75em;
}

p.ps_loginmessagelarge a {
margin: 0 .5em;

/*VisualRefresh - Newly added Properties*/
display:inline-block;
margin:0;
margin-top:2em;
}
/* end information page and expire page settings */

/* begin signin trace page styles */
#pttracesettings {
text-align: center; 
display: inline-block; 
width: 100%; 
margin-left:2em;
margin-right:0;
margin-bottom:14px;

/*VisualRefresh - Newly added Properties*/
margin-bottom:1em;
margin-top:0.75em;
margin-left:0;
padding-left:2em;
}

html[dir="rtl"] #pttracesettings {
margin-right:2em;
margin-left:0;
}

.traceCols {
float: left; width: 25%; display: inline; 
margin: 0px; 
color: rgb(255, 255, 255); 
text-align: left;
margin-top:0.5em;
}

html[dir="rtl"] .traceCols {
float:right; width:25%; display:inline;
margin: 0px; 
color: rgb(255, 255, 255); 
text-align: right;
}

/*VisualRefresh*/
.traceCols > div {
    margin-top: 0.25em;
}

@media only screen and (max-width: 950px){
   .traceCols {
	width: 50% !important;
   }

   #pttracesettings {
	width:80%;
	margin-left:20%;
	width: 83.75%;
	margin-left: 16.25%; 
   }

   html[dir="rtl"] #pttracesettings {
   margin-right:20%;
   }
}

@media only screen and (max-width: 650px){
   #pttracesettings {
	width:90%;
	margin-left:0%;
	width: 83.75%; /* CONE858 - to match other */
	margin-left: auto !important; 
	margin-right: auto !important;
   }
   
   html[dir='rtl'] #pttracesettings {
    width:90%;
    margin-right:0%;  
   }  

   .traceCols {
	width: 100% !important;      
   }    
}

#pttracesettings label {
font-size: .80em;
font-weight: normal;
vertical-align:.2em;
text-shadow:none;
color: #5a5a5a;
color: var(--pt-page-text-color, #5a5a5a);
vertical-align:baseline;
}

#pttracesettings h5 {
color:#FFFFFF;
text-shadow:none;
text-align:left;
color: #000;
color: var(--pt-header-alt-1-text-color, #000);
}

html[dir="rtl"] #pttracesettings h5 {
text-align: right;
}

/* end signin trace page styles */

.ps_box-label {
width: 50%;
text-align: right;
display: inline-block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding-right: 2em;
}

html[dir='rtl'] .ps_box-label {
text-align:left;
padding-right:0em;
padding-left:2em;
}

.ps_label-show {
display:inline-block;
text-align: left;
width:351px; 
padding-bottom:0.5em;
display:block;
width:auto;
box-sizing:border-box;
padding-bottom:0.25em;
}

html[dir='rtl'] .ps_label-show {
text-align:right;
}

input[type="text"], input[type="password"],textarea {
background-color : #ffffff; 
background-color : var(--pt-control-background-color, #ffffff);
box-shadow: 3px 3px 5px rgba(0,0,0,0.25) inset;
border:0.5px inset transparent;
border-radius:0.25em; 
background-clip: padding-box;
color:#000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight:bold;
width: 341px;
padding-left: 10px;
padding-right: 0px;
padding-bottom: 0.8em;
padding-top: 0.8em;
box-shadow:none;
padding:0;
line-height:1.2em;
font-size:1em;
width:100%;
display:block;
border: 1px solid #ced4da;
box-sizing:border-box;
padding:0.5em;
border-color: #868e96; /* 859 - WCAG */
border-color: var(--pt-control-border-color, #868e96);
}

html[dir='rtl'] input[type="text"], html[dir='rtl'] input[type="password"], html[dir='rtl'] textarea {
padding-left: 0px;
padding-right: 10px;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="checkbox"]:focus {
outline: 2px solid #E07900; /* 859 - WCAG */
}

*:-ms-input-placeholder { 
  color:#939393 !important; 
}

.ps_box-control {
margin-bottom:23px;
}

.ps_select{
border:0.5px inset transparent; 
border-radius:0.25em;  
-webkit-appearance: none;            
-moz-appearance: none;             
appearance:none;	     
background-color:#ffffff; 
background-color : var(--pt-control-background-color, #ffffff);
text-indent: 0.01px;          
text-overflow: "";                                        
box-shadow: 3px 3px 5px rgba(0,0,0,0.25) inset;
color:#000000;
color: var(--pt-control-text-color, #000000);
font-size:15px;
font-weight:bold;
align-items:center;
width: 351px;
padding-left:10px;
padding-right:0px;
padding-top:0.7em;
padding-bottom: 0.7em;
box-shadow:none;
padding:0;
line-height:1.2em;
font-size:1em;
width:100%;
display:block;
border: 1px solid #ced4da;
box-sizing:border-box; 
padding:0.5em; 
font-family:inherit;
border-color: #868e96; /* 859 - WCAG */
border-color: var(--pt-control-border-color, #868e96);
}

html[dir='rtl'] .ps_select {
padding-left:0px;
padding-right:10px;
}

.ps_select:focus {
outline:2px solid #e47b00;
}

@media all and (-ms-high-contrast:active) {
	.ps_select:focus::-ms-value {
	/* For IE10 and above to remove purple hightlight in highcontrast mode */
	background-color: transparent;
	color:#FFFFFF;
	}
}

@media all and (-ms-high-contrast:none) {
.ps_select:focus::-ms-value {
/* For IE10 and above to remove blue hightlight in normal mode */
background-color: transparent;
color:#000000;
}
}

.ps_select:-moz-focusring {
/* FF:remove default dotted outline*/
color: transparent;
text-shadow: 0 0 0 #000000;
}

.ps_mode-hc .ps_select:-moz-focusring {
color: var(--pt-control-text-color, #000000);
text-shadow: 0 0 0 #000000;
}

 #ps_select_box{
  position:relative;
 }

#ps_select_parent {
  display:block;
 }

#ps_select_box:after {
content:url('./images/ArrowGray_24x24px.png');
display:inline-block;
position: absolute;
top: 0.5em;
right: 0.2em;
pointer-events: none; 
content:url("./images/ps_drop_down_arrow.svg");
top: 0.6em;
right: 0.6em;
}

html[dir='rtl'] #ps_select_box:after { 
left: 0.6em;
text-align:left;
margin-right:92%;
}

@-moz-document url-prefix() {
/* Start:Firefox only */

 .ps_select_ff_30 {
  /* Workaround for Mozilla bug:687192,610733. Bug until Firefox 30.0 */
  /* Add padding-top to vertically align select text */
  padding-top:10px;
 }
 
 /* required to show custom arrow and hide native select arrow */
 #ps_select_box {
  position:relative;
 }

 #ps_select_parent {
 }

#ps_select_box:after {
 content:url('./images/ArrowGray_24x24px.png');
 display:inline-block;
 position: absolute;
 top: 1px;
 right: 1px;
 pointer-events: none;  
 height:2.64em;
 padding-top:0.55em;
 padding-bottom:0.3em;
 box-sizing: border-box;
 content:url("./images/ps_drop_down_arrow.svg");
 right: 0.6em;
}

html[dir='rtl'] #ps_select_box:after {
 left: 0.6em;
 background:none;
 box-shadow: none;
 box-sizing: border-box;
}
  
  /* end of custom arrow css */
/* End:Firefox only */
}

select::-ms-expand {
/* remove the default select arrow in IE10 and above */
display: none;
}

.ps_select_arrow {
 width:24px;height:100%;padding:0;border:0;
 background-color:#FFFFFF;
 position:relative;
}

html[dir='rtl'] .ps_select_arrow {
width:24px;height:100%;padding:0;border:0;
background-color:#FFFFFF;
position:absolute;
text-align:right
}
		
.ps_select_arrow img {
 position:absolute;
 top:10px;
}

select option {
background:transparent !important;  
background-color:#00385c; 
padding-left:10px;
margin-bottom:0.25em;
}

html[dir='rtl'] select option {
padding-right:10px;
padding-left:0;
}

input:hover, select:hover { 
border-color: rgba(0,113,192,0.5);
border-color: #246FC7;
border-color: var(--pt-control-hover-border-color, #246FC7);
}

.ps_hide {
display:none; 
}

a, a:link,.ps-link,.ps-link:link, label {
text-decoration: none;
color: #FFFFFF;
font-family:Arial;
font-size:15px;
text-shadow: 2px 2px 1px #000000;
font-size:1em;
text-shadow:none;
color:inherit;
}

/*VisualRefresh*/
a, a:link,.ps-link,.ps-link:link {
  color: #246FC7; 
  color: var(--pt-link-text-color, #246FC7);
}

/*VisualRefresh*/
a:hover, .ps-link:hover {
  color: #1c579c;
  color: var(--pt-link-hover-text-color, #1c579c);
}

html[dir='rtl'] a, html[dir='rtl'] a:link, html[dir='rtl'] .ps-link,html[dir='rtl']  .ps-link:link, html[dir='rtl'] label  {
/*text-shadow: -2px 2px 1px #000000;*/
}

a:link:visited,
.ps-link:visited {
text-decoration: none;
color: green;
color: inherit;
}

a:link:hover,
.ps-link:hover {
text-decoration: underline; 
}

.ps-label {
font-weight: bold;
color: inherit;
}

.ps_box-button,
.ps_box-link {
padding-bottom:18px;
padding-bottom:0.75em;
}

.ps_box-button + .ps_box-button {
padding-top:0.5em;
}

.ps_signinentry { 
padding:0.5em; 
min-width: 375px;
max-width: 38em;
margin:auto;
}

.pserror .ps_signinentry {
min-width:0 !important;
max-width:none !important;
}

/* buttons */
.ps-button{
background: #73c998; 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#79cc9c), color-stop(100%,#73c998));
-webkit-appearance: none; 
padding:0.3em  1em 0.3em 1em !important;
font-size:1.2em;   
border-radius: 0.25em;
margin:0;
color:#000000;
border:1px inset transparent;
box-shadow:0px 8px 10px #BDE6CF inset, 3px 3px 3px #000000;
font-weight:normal;
text-shadow:0px 1px 0px #BDE6CF;
box-sizing:content-box;
background: #246FC7;
background: var(--pt-button-primary-background-color, #246FC7);
text-shadow:none;
color: #fcfcfc;
color: var(--pt-button-primary-text-color, #fcfcfc); 
border: 1px solid #246FC7;
border: 1px solid var(--pt-button-primary-border-color, #246FC7);
font-weight:bold; 
box-shadow:none;
font-size:1em;
display: block;
width: 100%;
line-height: 1.75em;
margin-top: 2em;
box-sizing:border-box;
transition: background 0.15s 0s ease-in-out;
cursor:pointer;
}

html[dir="rtl"] .ps-button {
/*box-shadow:0px 8px 10px #BDE6CF inset, -3px 3px 3px #000000;*/
}

/* CONE858 */
.ps-button:hover, .ps-button:focus {
 text-shadow:1px 1px 3px #3a3a3a;
 background: #246FC7;
 background: var(--pt-button-primary-hover-background-color, #246FC7);
 border-color: #000;
 border-color: var(--pt-button-primary-hover-border-color, #000);
  /*text-shadow:none;*/
 outline: 1px dotted; /* 859 - WCAG */
 outline-offset: -3px; /* 859 - WCAG */
}

input[type="submit"].ps-button:disabled
{
    background: var(--pt-button-disabled-background-color);
    color: var(--pt-button-disabled-text-color);
    cursor: default;
    outline: none;
    border: 1px solid var(--pt-button-disabled-border-color);
    text-shadow: none !important;
}

.ps_logo-PS {
 color: #5a5a5a;
 color: var(--pt-label-text-color, #5a5a5a);
 font-size:0.95em;
 font-weight:normal;
}

input[type="checkbox"]:hover {
outline: thin dotted #000;
}

.ps-button:active {
 background: #1d2733;
 background: var(--pt-button-primary-active-background-color, #1d2733);
}

.errorDiv {
 height: calc(100% - 1em); /* footer */
}

@media (max-height: 254px) {
	.errorDiv {
	 height:auto;
	 padding-bottom: 1em;     
	}
}

.pserror .signonMain {
 width: 100%;
 max-width: none;
 padding-bottom: 0;
 background: #f1f3f6;
 background: var(--pt-homepage-background, #f1f3f6);
 border:0px;
 box-shadow: none;
}

.ps-button:focus{
outline: 2px solid #e47b00;
outline: 2px solid var(--pt-button-primary-hover-outline-color, #e47b00);
}
.ps-button::-moz-focus-inner {
/* FF: remove outline on focus */
border: 0; 
outline: 2px solid #e47b00;
}
.ps-button:-moz-focusring {
/* FF: allow focus to be seen in highcontrast mode*/
border: 1px inset transparent; 
outline: 2px solid #e47b00;
}

@-moz-document url-prefix() {
 .ps-button {letter-spacing:0.02em; /*line-height: 1.2em;/* FF only */
 font-family:inherit;}
}

.ps_box-staticimg {
display: inline-block;
position: relative;
}

.signInText .ps-text:before {
content: "|";
display: inline-block;
margin: 0 0.5em;
vertical-align: top;
font-weight: normal;
color: rgba(0,051,102,0.5);
}

.ps_footer_text {
text-align:center;
font-size:0.8em;
color:#6b6b6b; 
color: var(--pt-label-text-color, #6b6b6b);
display:block; 
}

.ps_lan_special {
margin-top: .5em;
}

#error_link {
cursor: pointer;
outline: thin dotted #FF0000;
outline: thin dotted #e03131;
outline: thin dotted var(--pt-error-text-color, #e03131);
}

.ps_login_error {
text-align: center;
margin-bottom:14px;
}

#ptloginerrorcont, #login_error, #discovery_error {
display:none;
}

.ps_login_error_inner {
display: inline-block;
margin: 0;
}

#login_error {
font-size: 1em;
font-weight:bold;
color: #FFFFFF;
display: inline-block;
margin-top: 0.5em;
margin-bottom: 0.5em;
color: #c92a2a;
color: var(--pt-error-text-color, #c92a2a);
}

.psloginerror {
font-family: Arial;
font-size: 9pt;
color: #FFFFFF;
margin:0;
font-family: inherit;
font-size: inherit;
color: #c92a2a;
color: var(--pt-error-text-color, #c92a2a);
}

.psloginerror span {
color: #FFFFFF;
color:inherit;
}

#browsercheck_error div {
color: #000000;
font-weight:normal;
white-space: nowrap;
width:auto;
color:inherit;
}

#browsercheck_error div > div {
display: inline-block;
padding-right: 2em;
text-align: right;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}

html[dir='rtl'] #browsercheck_error div > div {
text-align:left;
padding-right:0em;
padding-left:2em;
}

.ps-staticimg {
 max-width:100%; 
}

/* smartphones */
@media only screen and (max-device-width: 360px) {
  .signInText {
   font-weight: bold;
  }

  .ps_text_header {
   max-width:100%;
  }

  #ps_select_parent {
   max-width: 103%;
  }

  .ps_select {
   max-width: 100%;
  }

  #ps_select_box:after {
   content:url('./images/ArrowGray_24x24px.png');
   display:inline-block;
   position: absolute;
   top: 0.5em;
   right: 0.2em;
   pointer-events: none; 
   content:url("./images/ps_drop_down_arrow.svg");
   top: 0.6em;
   right: 0.6em;
  }

  html[dir='rtl'] #ps_select_box:after {
   left: 0.2em;
  }

  input[type="text"], input[type="password"]{
   max-width:100%; 
  }

  .ps_signinentry, .ps_footer, .ps_footer_text { 
   max-height:100%;
   padding-left: 2em;
   padding-right: 2em;
   overflow:hidden; 
   text-align:center;
   margin:auto;
  }

  html[dir='rtl'] .ps_signinentry, .ps_footer, ps_footer_text {
   padding-left: 3em;
   padding-right: 2em;
  }

}


@media (max-width:1212px) {
  .ps_signinentry {max-width:83.75%;}
}

@media (max-width:625px) {
  .signonMain { width:100%; max-width:100%;max-height:100%; border-radius:none; box-shadow:none; border:none; background: inherit; flex: auto}
  input[type="text"], input[type="password"],textarea , .ps_select
  {
  	border-color: #848c94; /* 859 - WCAG */
  }
  input[type="text"]:focus, input[type="password"]:focus, input[type="checkbox"]:focus , .ps_select:focus
  {
        outline: 2px solid #D07101; /* 859 - WCAG */
  }
  
  /* redwood */
  body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    display: block;
    background-image: none;
    background-color: var(--pt-panel-background-color);;
    font-size: 1em;
   }
   
   /* redwood */
  .signonMain:before {
    /*content:"";
    display:block;
    padding-top:0.5em;
    background: linear-gradient(to right, #b4ec51 0%, #53a0fd 100%);
    background: var(--pt-strip-background, #53a0fd);*/
    border-radius: 0em;
    }
}

@media (max-width:385px) {
  .ps_signinentry { 
   min-width: 0px;
   max-width: 90%;
}
	
  .ps_box-info {
   width:100%;
	}	
}

@media (max-width:365px) {
  .ps_signinentry { 
   min-width: 0px;
   max-width: 100%;
  }
}

@media (max-width:625px) and (max-height:510px) {
  form { display:block; }
  .ps_footer_text {margin-top:2em; }
}

@media (max-height:480px) {
  h1 {
  margin-top:0.25em;
  margin-bottom:0.25em;
  }
}

@media only screen and (max-width: 950px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #pttracesettings {
   min-height:40em; 
  }
}

@media only screen and (max-width: 650px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #pttracesettings {
   min-height:70em; 
  }
}

@media only screen and (max-width: 240px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #pttracesettings {
   min-height:95em; 
  }
}


/* variables for classic plus */

:root {

/* signin, signintrace files */
  --pt-strip-background: url('./images/PT_REDWOOD_STRIP1.PNG') repeat var(--pt-page-title-background-color) 175px;
  --pt-homepage-background: url('./images/PT_TEXTURE_IMG.PNG') repeat var(--pt-panel-background-color);

}