body {
   background-color: darkgray;
   font-family: "Segoe UI", Arial, Helvetica, Verdana, Sans-Serif;
   margin: 0;
}

#wrapper {
   width: 100%;
   height: 100%;
   padding-top: 5%;
}

#loginbox {
   width: 400px;
   background-color: white;
   border: 1px solid gray;
   margin: auto;
   margin-top: 10px;
   border-radius: 0px;
}

.topbox {
   width: 100%;
   height: 60px;
   background-image: url(../Content/images/logo/logo.png);
   background-repeat: no-repeat;
   background-position: 70px 10px;
   background-size: 260px;
}

.title {
   text-align: center;
}

.leftbox {
   width: 140px;
   height: 120px;
   float: left;
   margin-right: 30px;
}

.form-group {
   min-height: 26px;
}

.label {
   text-align: right;
}

.bottombox {
   width: 100%;
   height: 100px;
}

#login {
   background-image: url(../Content/images/Login_Standard.png);
   background-size: 48px;
   background-repeat: no-repeat;
   border: 1px solid gray;
}

[class*="icon-inv-16-"] {
   margin-right: 10px;
}

.icon-inv-16-key {
   background-position: -320px -128px;
}

.button {
   float: right;
   margin: 2px;
   margin-right: 72px;
   padding: 10px 12px;
   color: #FFF;
}

.btn {
   border-radius: 3px;
   color: #FFF;
   background: rgb(0, 114, 171);
   padding: 10px 12px;
   text-decoration: none;
   margin: 2px;
   box-shadow: rgb(44, 62, 80) 0px 2px 1px;
   float: right;
   margin-right: 72px;
}

   .btn:hover {
      background: rgb(62, 163, 220);
      text-decoration: none;
   }

.row {
   height: 36px;
   width: 100%;
   margin: 0 auto;
}

.vrow {
   height: 20px;
}

.col1 {
   width: 40%;
   text-align: right;
   float: left;
   margin-top: 10px;
}

.col2 {
   width: 60%;
   float: left;
}

.control-label {
   margin-right: 30px;
}

#loginbox input {
   padding: 6px;
}


.loginMessage p {
   margin: 30px 15px 15px;
}

.rbtn a {
   color: #fff;
}

[aria-describedby="timeoutPopup"] .ui-widget-header {
   color: #fff;
   border: 1px solid black;
   background: rgb(0, 114, 171);
}