@font-face {
    font-family: 'vafont';
    font-weight: normal;
    font-style: normal;
    src: url("fonts/vafont.eot");
    src: url("fonts/vafont.eot") format("embedded-opentype"),
        url("fonts/vafont.svg") format("svg"),
        url("fonts/vafont.woff") format("woff"),
        url("fonts/vafont.ttf") format("truetype");
}

html{
   height: 100%;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 12px;
   color: #333333;
}

body {
   border: 0 none;
   margin: 0;
   padding: 0;
   height: 100%;
   overflow: hidden;
}

.bitech-rootlogin {
   width: 100%;
   height: 100%;
   background-color: #F5F5F5;
}

.bitech-login-form {
   width: 100%;
   height: 100%;
}

.bitech-rootlogintable {
   width: 100%;
   height: 100%;
   text-align: center;
   vertical-align: middle;
}

.bitech-logincontrols-container {
   display: inline-block;
}

.bitech-logo {
   width: 190px;
   height: 24px;
   display: inline-block;
   text-align: center;
   
   font-family: 'vafont';
   font-size: 24px;
   color: red;
}
.bitech-logo::before{
   content: "\e666";
}

.bitech-errormsg-container{
   vertical-align: middle;
   text-align: center;
   width: 315px;
   height: 30px;
   visibility: hidden;
   font-size:12px;
   color: #DD4B39;
   line-height: 15px;
   margin: 6px 0px;
}

.bitech-logininput-container{
   width: 315px;
   height: 50px;
   position: relative;
}

.bitech-userid-container {
}

.bitech-password-container,.bitech-sikey-container {
   margin-top: -1px;
}

.bitech-logininput{
   width: 100%;
   height: 100%;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 16px;
   color: #333333;
   
   position: relative;
   z-index: 0;
   
   border: 1px solid #BBBBBB;
   
   -webkit-box-sizing: border-box; /* Chrome */
   -moz-box-sizing: border-box; /* Firefox */
   box-sizing: border-box;
}
.bitech-logininput::-webkit-input-placeholder,
.bitech-logininput:-moz-input-placeholder,
.bitech-logininput::-moz-input-placeholder,
.bitech-logininput:-ms-input-placeholder {
   color: #CCCCCC;
}
.bitech-logininput:focus {
   z-index: 1;
   border: 1px solid #0572CE;
}
.bitech-logininput-container input:-webkit-autofill {
   background-color: #FFFFFF !important;
   color: #333333 !important;
   -webkit-box-shadow: 0 0 0px 1000px white inset;
   border: 1px solid #BBBBBB !important;
}

.bitech-userid-input{
   padding-left: 20px;
}

.bitech-password-input{
   padding-left: 20px;
}

.bitech-signin-button {
   width: 315px;
   height: 50px;
   background-color: #0572CE;
   border: 0px;
   outline: none;
   margin-top: 30px;
   
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 16px;
   color: #FFFFFF;
   
   -webkit-box-sizing: border-box; /* Chrome */
   -moz-box-sizing: border-box; /* Firefox */
   box-sizing: border-box;
}
.bitech-signin-button:active{
   font-weight: bold;
}
.bitech-signin-button:hover{
   background-color: #0465B5;
   cursor: pointer;
}

.bitech-accessibility-container {
   text-align: center;
   padding-top: 30px;
   padding-bottom: 20px;
   
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 12pt;
   color: #333333;
}

.bitech-accessibility-container span {
   vertical-align: middle;
}

.bitech-profile-language-setting-container {
   text-align: center;
   padding-bottom: 20px;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 12pt;
   color: #333333;
}

.bitech-profile-language-setting-container span {
   vertical-align: middle;
}

.bitech-accessibility-checkbox {
   vertical-align: middle;
}

.bitech-language-selector {
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 12px;
   color: #333333;
   padding: 4px;
}




/* TOUCH ALL */

.bitech-ru-layout-touch
.bitech-accessibility-container {
   font-size: 14px;
}

.bitech-ru-layout-touch
.bitech-language-selector {
   font-size: 14px;
   padding-top: 10px;
   padding-bottom: 10px;
}




/* TOUCH EXTRA-SMALL (ex. phone in Portrait-Mode) */

.bitech-ru-layout-touch.bitech-ru-screensizetype-xs-down
.bitech-logincontrols-container {
   width: calc(100% - 2px);
}

.bitech-ru-layout-touch.bitech-ru-screensizetype-xs-down
.bitech-logininput-container {
   width: 100%;
}

.bitech-ru-layout-touch.bitech-ru-screensizetype-xs-down
.bitech-signin-button {
   width: calc(100% - 60px);
   padding-left: 30px;
   padding-right: 30px;
}

.bitech-ru-layout-touch.bitech-ru-screensizetype-xs-down
.bitech-errormsg-container {
   width: 100%;
}

.bitech-pagetimeout-container {
   width: 100%;
   height: 100%;
   background-color: #F5F5F5;
}

.bitech-pagetimeout-table {
   width: 100%;
   height: 100%;
   text-align: center;
   vertical-align: middle;
}

.bitech-pagetimeout-message {
   padding-top: 16px;
}

.bitech-pagetimeout-table {
   width: 100%;
   height: 100%;
   text-align: center;
   vertical-align: middle;
}

.bitech-pagetimeout-message {
   padding-top: 16px;
}

.bitech-pagetimeout-img {
   padding-top: 24px;
   display: inline-block;
   vertical-align:middle;
   height: 256px;
   width: 256px;
}

.bitech-pagetimeout-message {
   text-align: center;
   font-family: "Oracle Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 16px;
   color: #161513;
   line-height: 22px;
}

.bitech-pagetimeout-forceSignout:first-letter {
   text-transform: capitalize;
}

/* Legacy Loading CSS */

.bi_loadingContainer {
   position: relative; 
   top: 50%; 
   text-align: center;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   padding-right: 8px;
   color: #777777;
   font-weight: bold;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.bi_loadingImg {
   display: inline-block;
   vertical-align:middle;
   background-image: url(progress.gif);
   background-repeat: repeat-x;
   background-size: 60px;
   height: 60px;
   width: 60px;
   z-index: 1;
}

.bi_loadingMsgContainer {
   position: relative;
   display: block;
   padding: 12px;
}

/*Footer CSS */
footer {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   max-height: 50px;
   margin-bottom: 2px;
}

#footerContent {
   float: left;
   margin-right: 20px;
   margin-left: 20px;
}

.redwood .bitech-rootlogin .bitech-pagetimeout-container{
   background-color: #F5F4F2;
}
.redwood .bitech-logo {
   color: #C74634;
}
.redwood .bitech-signin-button {
   background-color:  #312D2A;
}
.redwood .bitech-signin-button:hover {
   background-color:  #3A3631;
}