body {
  padding-top: 54px;
/*  padding-bottom: 40px;*/
  background-color: #eee;
}

.form-signin {
  max-width: 330px;
 /* padding: 15px;*/
  margin: 0 auto;
}
/*.form-signin .form-signin-heading,
.form-signin .btn {
  margin-top: 10px;
}*/
.form-signin .checkbox {
  font-weight: normal;
}
/* tina hide ==
  .form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}*/
.form-signin .form-control:focus {
  z-index: 2;
}
  /*
.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  
}
.form-signin .security {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.form-signin .security input[type="text"]{
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.form-signin .security img{
  background-color: #fff;
  padding: 4px;
  border-color: silver;
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
*/
.logo {
	font-size: 40px;
	/*text-shadow: 3px 2px 10px green, 3px 2px 0px white;*/
}

/*========================= Tina ========================== */ 
.navbar{display: none;}
.logo{margin:0 auto; text-align: center; width:170px;}
.logo img{max-width: 100%}
.signin-wrapper{padding:0;border:1px solid #ddd; background:#fff;
  border-radius:5px;
  width:300px;
  margin:20px auto 100px auto;}

.signin-wrapper h3{margin:5px 0; font-size:16px;}
.signin-wrapper h3 span{position:relative; top:2px;}
.signin-wrapper form .input-wrapper{ padding:0 45px;}
.signin-wrapper form .input-group{margin-bottom: 10px;}

.signin-wrapper .top{
  background-color:#dbdbdb;
  width:100%;
  padding:7px 0;
  font-size:18px;
  text-align:center;
  color:#555;
}

.signin-wrapper .info{
  background-color:#d3eaf6;
  border: 1px solid #48afd9;
  border-radius:5px;
  width:260px;
  color:#029ed1;
  margin:10px auto;
  text-align:left;
  padding: 5px 15px;
  font-size: 12px;
}

.signin-wrapper .bottom-bar{
  background-color:#f6f6f6;
  border-top:1px solid #eee;
  padding: 5px 10px;
  margin-top:20px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.signin-wrapper .bottom-bar a{line-height:30px; text-decoration: underline;}
button#login{padding: 5px 20px;}

.col-sm-3{margin-bottom:20px;}
.col-sm-3 .panel-body{text-align: center;}

.form-wrap{position:relative;}
.heading{position:absolute; top: 65px; left:0;right:0;margin-left:auto;margin-right:auto;}
.input-area{position:absolute; width:100%; max-width: 220px; bottom:25px; padding:0 30px; max-width:260px; /*left:0;right:0;*/margin-left:auto;margin-right:auto;}
.old-log .input-area{/*max-width: 220px;*//* top:150px;*/ bottom:15px;}
.old-log .input-group{margin:10px 0; width:100%;}
.form-wrap-in{width:100%; max-width: 260px; margin:0 auto; position:relative;}

footer{background:#e3e3e3; margin-top:40px; padding:20px; min-height:70px; font-size:12px; line-height:20px; color:#525252;}
footer a{color:#525252;}


button a {color:#fff;}

.btn-black {
  color: #ffffff;
  background-color: #2d2d2d;
}
.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active,
.open .dropdown-toggle.btn-black {
  color: #ffffff;
  background-color: #111;
}
.btn-black:active,
.btn-black.active,
.open .dropdown-toggle.btn-black {
  background-image: none;
}


@media (min-width: 768px) and (max-width: 989px) {

  .col-sm-3{width:300px;}
  .col-sm-offset-3{margin-left:10%;}

}