html, body
{
   height: 100%;
}

body
{
	font: 400 12px Arial,sans-serif;
	background: #999 url(../images/background.jpg) repeat top center;
   display: flex;
   flex-direction: column;
   justify-content: center;
}

#content
{
   overflow: visible;
   padding: initial;
}

div.sidebar-content
{
   font-size: larger;
   text-align: center;
}

#fm1 .row .btn-submit
{
   width: 70%;
   margin-left: auto;
   margin-right: auto;
}

@media (max-width: 855px)
{
   #fm1 .row .btn-submit
   {
      width: 70%;
   }
}

input[type=button].btn-block.pwd-btn
{
   color: #000;
   padding: 10px 25px;
   font-size: 1.75rem;
   width: 70%;
   margin-left: auto;
   margin-right: auto;
}

span#usernameTip, span#passwordTip
{
   color: blue;
   font-size: 1.82rem;
   vertical-align: middle;
   margin-left: 20%;
}

@media (max-width: 991px)
{
   span#usernameTip, span#passwordTip
   {
      display: none;
   }
}

.tooltip-inner
{
   max-width: 220px;
   width: 220px;
}

.disp-flex
{
   display: flex;
   align-items: center;
}

.width-70
{
   width: 70%;
}

.width-85
{
   width: 85%;
}

.flex-1
{
   flex: 1;
}

#content.pad-0
{
   padding: 0;
}

div#capslockDiv
{
   margin-top: 2%;
}

span#capslock-on
{
   font-weight: bold;
   font-size: 14px;
}

div#login
{
   border-color: #3D8E33;
   border-style: solid;
   border-radius: 9px; /* original border radius + border-width */
   border-width: 5px;
}