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

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

.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;
}

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

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

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

p.ps_loginmessagelarge {
font-weight: bold;
}

p.ps_loginmessagelarge a {
margin: 0 .5em;
}
/* 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;
}

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;
}

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

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

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

@media only screen and (max-width: 650px){
   #pttracesettings {
	width:90%;
	margin-left:0%;  
   }
   
   html[dir='rtl'] #pttracesettings {
    width:90%;
    margin-right:0%;  
    }

   .traceCols {
	width: 100%;      
   }
    
}

#pttracesettings label {
font-size: .80em;
font-weight: normal;
vertical-align:.2em;
text-shadow:none;
}

#pttracesettings h5 {
color:#FFFFFF;
text-shadow:none;
text-align:left;
}

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;
}

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

input[type="text"], input[type="password"],textarea {
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;
}

html[dir='rtl'] input[type="text"], html[dir='rtl'] input[type="password"], html[dir='rtl'] textarea {
padding-left: 0px;
padding-right: 10px;
box-shadow: -3px 3px 5px rgba(0,0,0,0.25) inset;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="checkbox"]:focus {
outline: 2px solid #e47b00;
}

*:-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; 
text-indent: 0.01px;          
text-overflow: "";                                        
box-shadow: 3px 3px 5px rgba(0,0,0,0.25) inset;
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;
}

html[dir='rtl'] .ps_select {
padding-left:0px;
padding-right:10px;
box-shadow: -3px 3px 5px rgba(0,0,0,0.25) inset;
}

.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_select_box{
  position:relative;
 }

 #ps_select_parent {
  display:inline-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; 
 }

html[dir='rtl'] #ps_select_box:after { 
left: 0.2em;
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 {
  display:inline-block;

 }

 #ps_select_box:after {
content:url('./images/ArrowGray_24x24px.png');
display:inline-block;
position: absolute;
top: 1px;
right: 1px;
background:#FFF;
pointer-events: none;  
height:2.64em;
padding-top:0.55em;
padding-bottom:0.3em;
box-shadow: -3px 3px 5px rgba(0,0,0,0.25) inset;
box-sizing: border-box;
 }
html[dir='rtl'] #ps_select_box:after {
left: 1px;
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;
}

select:hover {
border-color: rgba(0,113,192,0.5);
}

.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;
}

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;
}

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

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

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

/* buttons */
.ps-button{
background: #73c998; 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#79cc9c), color-stop(100%,#73c998)); 
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;
}

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

.ps-button:focus{
outline: 2px solid #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: 2px inset transparent; 
outline: 2px solid #e47b00;
}

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

.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 {
font-size: 12px;
color: #FFFFFF;
display:inline-block;
text-align:center;
}

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

#error_link {
cursor: pointer;
outline: thin dotted #FF0000;
}

.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;
}

.psloginerror {
font-family: Arial;
font-size: 9pt;
color: #FFFFFF;
margin:0;
}

.psloginerror span {
color: #FFFFFF;
}

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

#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; 
}

html[dir='rtl'] #ps_select_box:after {
left: 0.2em;
}
		
 input[type="text"], input[type="password"]{
   max-width:100%; 
 }

  /* .ps_box-group, .ps_box-select,.ps_footer{ */
 .ps_signinentry, .ps_footer, ps_footer_text {
 
  max-height:100%; 
padding-left: 2em;
padding-right: 3em;
  overflow:hidden;
  text-align:center;
  margin:auto;
 }
 
html[dir='rtl'] .ps_signinentry, .ps_footer, ps_footer_text {
padding-left: 3em;
padding-right: 2em;
}

}