.web-screen .detail-text {
    color: #FF0000;
}
.web-screen {
    background-image: url(./BNY_Background.jpg);
    background-size: cover;
}

.logon-logo-container{
	visibility: hidden;
}

.web-screen .content-area {
    background: none;
	background-color: transparent;
}

.form-content{
	background-color: white;
}

.label.plain{
	color: #00243D;
    line-height: 40px;
    font-size: 14px;
    font-family: "Public Sans","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial","Lucida Grande",sans-serif;
}

.credentialform input[type=text], .credentialform input[type=password], .credentialform .pseudo-input {
	height: 40px;
    line-height: 40px;
    width: 350px;
    background: #fff;
    outline: none;
    padding-left: 10px;
    font-size: 14px;
    padding-left: 10px;
    outline: none;
    color: #00243D;
    border: 1px solid #00243D;
	
}

@media (max-width: 609px){
	#bnym-customlogo{
		margin-left: 25px;
	}
}

@media (min-width: 609px){
	.left{
		text-align: right;
	}
	
	#bnym-customlogo{
		background-position: center;
		margin-left: 0px;
	}
	
	.form-container{
		margin-right: 80px;
	}
}


.left {
    width: 200px;
    font-size: 14px;
    white-space: nowrap;
    color: rgba(249,249,249,0.9);
}

#bnym-customlogo{
		background-image: url(./BNY_Logo.png);
		background-repeat: no-repeat;
		height:60px;
		background-position: center;
		background-size:30%;
}

#bnym-customfooter{
	margin-top: 20px;
}

.button{
    width: 340px;
    height: 40px;
    margin-top: 10px;
    font-size: 14px;
	text-align: center;
    min-width: 75px;
    outline: none;
    color: #fff;
    padding: 0 5px;
    cursor: pointer;
}

.credentialform .buttonsrow {
    padding-top: 3px;
}

.credentialform .buttonscontainer {
    width: auto;
}

.button.default {
    background-color: #00243D;
}

.bnym-footerlink{
	color: #00243D;
	font-size: 12px;
}

.bnym-townhallLink{
	color: #00485e;
	font-weight: bold;
	font-size: 12px;
}

.bnym-copyright{
	color: #D3D3D3;
	font-size: 12px;	
}

.bnym-footerline{
	margin: 3px;
}

#bnym-speedtest{
	margin-top: 125px;
}

#bnym-innerSpeedTest{
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
	height: 150px;
}

/* # James Lau 6/1/18 Start of test connection styles */
select#dropdown {
	/*position: absolute; */
    width: 145px;
    height: 23px;
    color: white;
    background: #00243D;
    border: none;
    outline: none;
    /* z-index: 10; */
    /* left: 50%; */
    /* margin-right: -50%; */
    /* transform: translate(-50%, -50%); */
    margin-left: auto;
    margin-right: auto;
    /* text-align: center; */
    display: block;
}
 
h1#progress {
    color: white;
    font-size: 12px;
    font-weight: bold;
    /* position: absolute; */
    /* top: 87%; */
    /* left: 50%; */
    width: auto;
    /* transform: translate(-50%, -50%); */
    cursor: default;
    text-align: center;
}
 
#QoSinfo {
   display:table-row;
   height:45px;
   width:250px;
   float:right;
   margin-top:20px;
}
 
#QoSbars {
   display:table-cell;   
   min-width: 55px;
   height: 45px;
}
 
#QoStext {
   display:table-cell;
   font-family:'Open Sans', sans-serif;
  font-size:12px;
   width:auto;
   min-height:30px;
   margin-left:10px;
   vertical-align:middle;
   padding-top:7px;
   text-align:left;
   color:white;
   font-weight:normal;
}
 
#details {
                cursor:pointer;
                text-decoration: underline;
    font-style: italic;
}
 
.ThreeBars, .TwoBars, .OneBar, .NoBars {
   min-width: 70px;
   height: 40px;
   background-repeat: no-repeat;
}
 
.ThreeBars {
   background-image: url("./images/ThreeBars.png");
}
 
.TwoBars {
   background-image: url("./images/TwoBars.png");
}
 
.OneBar {
   background-image: url("./images/OneBar.png");
}
 
.NoBars {
   background-image: none;
}
/* # James Lau 6/1/18 END of test connection styles */