body {
  background-color: #00173C;
  margin: 0;
  font-family: Helvetica;
}

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

.is_header {
  background-color: #E3EDFF;
  padding: 20px 0;
}

/* prevent Firefox from turning form fields yellow */
input { filter: none;}

/* begin information page and expire page settings */
.is_boxinfo {
  display: inline-block;
  width: 349px;
  padding: 10px 20px;
  margin-top: 40px;
}

.is_boxinfo > p {
  color: #FFFFFF;
  text-align: left;
}

p.is_loginmessagelarge {
  color: #FD6666;
  font-size: 18px;
  font-weight: 900;
  text-align: left;
  text-transform: uppercase;
}

p.is_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:4em;
  margin-right:0;
  margin-bottom:14px;
  padding-top: 15px;
}

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 */

  .is_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'] .is_box-label {
  text-align:left;
  padding-right:0em;
  padding-left:2em;
}

.is_labelshow{
  display: inline-block;
  text-align: left;
  width: 351px;
  padding-bottom: 0.5em;
  font-size: 12px;
  text-transform: uppercase;
  color: #FFFFFF;
  font-weight: 900;
  padding-top: 14px;
}

.is_labelshow > .is_boxbutton{
  font-size: 11px;
    text-transform: none;
}

.is_labelshow > h2{
    margin: 6px 0 8px 0;
    font-size: 18px;
    font-weight: 900;
    color: #FFFFFF;
    text-align: center;
    padding-top: 16spx;
}

#bottom{
  padding-top: 10px;
}

body.is_env_qa .is_labelshow,
body.is_env_qa .is_labelshow > h2{
    color: #FFFFFF;
}

input[type="text"], input[type="password"],textarea {
  background-color : #ffffff;
  border:0.5px inset transparent;
  border-radius:7px;
  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 ##0061FF;
}

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

.is_boxcontrol {
  margin-bottom:23px;
}

.is_boxcontrol > input{
    background-clip: padding-box;
    font-size: 15px;
    font-weight: bold;
    width: 341px;
    padding: 12px 0 12px 10px;
    border: none;
    color: #475763;
    border-radius: 7px;
}

.is_select{
  border:0.5px inset transparent;
  border-radius:7px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance:none;
  background-color:#ffffff;
  text-indent: 0.01px;
  text-overflow: "";
  color:#000000;
  font-size:15px;
  font-weight:bold;
  align-items:center;
  width: 351px;
  padding-left:10px;
  padding-right:0px;
  padding-top:0.8em;
  padding-bottom: 0.8em;
}

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


 #is_select_box{
  position:relative;
 }

 #is_select_parent {
  display:inline-block;

 }

#is_select_box:after  {
  content:url('/ps/images/dropdownArrow.png');
  display:inline-block;
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  pointer-events: none;
}

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

}

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

 .is_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 */
 #is_select_box {
  position:relative;
 }

 #is_select_parent {
  display:inline-block;

 }

 #is_select_box:after {
  content:url('/ps/images/dropdownArrow.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'] #is_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;
}

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

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

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

.is_hide {
  display:none;
}

.is_link {
  float: right;
  margin-top: 6px;
}

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

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

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

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

.is_boxbutton{
}

.is_boxbutton > input[type="checkbox"]{
  margin-left: -20px;
  visibility: hidden;
}

.is_boxbutton > input[type="checkbox"] + label:before {
  content: ' ';
  display: inline-block;
  border-radius: 0;
  border: 1px solid #ffffff;
  width: 10px;
  height: 12px;
  font-size: 8px;
  margin-right: 6px;
  vertical-align: bottom;
  padding-left: 3px;
  color: #FFFFFF;
}

body.is_env_qa .is_boxbutton > input[type="checkbox"] + label:before {
    border: 1px solid #FFFFFF;
}

.is_boxbutton > input[type="checkbox"]:checked + label:before {
  content: '\2714';
  background-color: rgb(253,102,102);
}

/* buttons */
.is-button{
  width: 350px;
  background-color: #0061FF;
  padding: 12px 0px;
  margin-top: 15px;
  border: none;
  color: #FFFFFF;
  border-radius: 7px;
  text-transform: uppercase;
  font-weight: 900;
  cursor: pointer;
}

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

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

.is_cornerimgleft{
    position: absolute;
    left: 0px;
    bottom: 0px;
    max-width: 33%;
}

.is_cornerimgright{
    position: absolute;
    right: 0px;
    bottom: 0px;
    max-width: 33%;
}

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

.is_footer_text {
  font-size: 12px;
  color: #FFFFFF;
  display:inline-block;
  text-align:center;
}

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

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

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

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

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

.is_staticimg {
   max-width: 100%;
  max-height: 80px;
}

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

 .is_text_header {
   max-width:100%;
 }
#is_select_parent {
  max-width: 103%;
}

 .is_select {
  max-width: 100%;
 }

#is_select_box:after  {
  content:url('/ps/images/dropdownArrow.png');
  display:inline-block;
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  pointer-events: none;
}

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

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

  /* .is_box-group, .is_box-select,.is_footer{ */
 .is_signinentry, .is_footer, is_footer_text {

  max-height:100%;
  padding-left: 2em;
  padding-right: 3em;
  overflow:hidden;
  text-align:center;
  margin:auto;
 }

html[dir='rtl'] .is_signinentry, .is_footer, is_footer_text {
  padding-left: 3em;
  padding-right: 2em;
}

}