body {
    background: #262626;
    color: #fff;
}

.input-label {
    text-align: left;
}

.spilinks-logo {
    width: 192px;
    height: 192px;
    display: block;
  margin-left: auto;
  margin-right: auto;
  
}


/* add randy */
.form-signin {
    margin-top: 5em;
    width:400px;
}

.form-signin input {
    margin-bottom: 1em;
}

.form-signin-reset {
    margin-top: 5em;
    width:500px;
}


.spi_body_html {
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0;
    border: 0;
    line-height: normal;
    letter-spacing: normal;
    font-weight: 400;
    font-style: normal;
}

.login_page {
    display: flex;
    flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-align: center;
    align-items: center;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    height: 100%;
}

.pass-forgot {
	color:#2ca4c9;
	text-align: left;
	cursor: pointer;
	position: relative;
	top: -10px;
}

#prod_title {
    font: 20px/20px 'Copperplate Gothic Light';
    text-align: center;
    font-size: 30px;
    color: rgb(0, 59, 90);
}

#center_area {
    color: rgb(30, 40, 50);
    font: 16px/20px 'Helvetica Neue', Arial, sans-serif;
    text-align: center;
    display: flex;
    flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-align: center;
    -moz-box-pack: justify;
    align-items: center;
    justify-content: space-between;
    width: 300px;
    height: 100%;

}

#login_box {
    min-width: initial;
    max-width: 512px;
    margin-top: 40px;
    text-align: center;
}

.login_label {
    display: block;
    position: absolute;
    bottom: 1.5em;
    padding-bottom: 0.25em;
    font-size: 16px;
    line-height: 1;
    color: rgba(20, 30, 40, 0.6);

}

.user_login {
    display: flex;
    position: relative;
    flex-flow: row wrap;
    align-items: flex-end;
    align-content: flex-end;
    height: 3.0em;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -moz-box-align: end;

    padding-bottom: 1px;
    color: rgb(34, 41, 52);
    border-bottom: 1px solid rgb(100, 100, 100);
}

#failed_login {
    display: flex;
    flex-direction: row;
    align-items: center;
    -moz-box-align: center;
    color: rgb(120, 120, 120);
    text-align: center;
    font: 16px/16px Arial, sans-serif;
}


.login_field {

    flex: 1 1 0%;
    padding: 0px;
    -moz-appearance: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
    border: medium none;
    border-top-color: currentcolor;
    border-top-style: none;
    border-top-width: medium;
    border-right-color: currentcolor;
    border-right-style: none;
    border-right-width: medium;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-left-color: currentcolor;
    border-left-style: none;
    border-left-width: medium;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;


    outline: currentcolor none medium;
    outline-color: currentcolor;
    outline-style: none;
    outline-width: medium;
    cursor: text;

}

.login_line_test {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.6);
    line-height: 2.0;
    height: 2.5em;
}

.login_line {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.6);
    line-height: 2.0;
    height: 2.5em;
}

#spiprod_version {
    font-size: 12px;
    font-style: italic;
    margin-bottom: 1.0rem;
    align-items: bottom;
}

#login_button {
    cursor: default;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 1.5rem 0px;
    padding: 0.5em;
    width: 300px;
    color: rgb(255, 255, 255);
    border: 0px none;
    background: rgb(0, 134, 179) none repeat scroll 0% 0%;
    border-radius: 0.25rem;
    box-sizing: border-box;
    outline: currentcolor none medium;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1rem;
}