input.userId {
  border:3px pink solid;
}

input.password {
    border:3px yellow solid;
}

button {
    width: auto;
    padding:0;
    margin:0;
    background:none;
    border:0;
    font-size:0;
    line-height:0;
    overflow:visible;
    cursor:pointer;
}

#contentLogin {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 550px;
  width: 900px;
}

.btnLogin {
  color: #FFF;
  height: 40px;
  width: 220px;
  max-height: 40px;
  min-width: 220px;
  background-color: #808080;
  border-color: #808080;
  border-radius: 0px;
  margin-left: 103px;
  font-weight: 900;
  font-size: 20px;
}

.btnLogin:hover {
  color: #FFF;
  background-color: #5F5858;
  border-color: #808080;
}

.btnChangePass {
  color: #333;
  margin-left: 196px;
  background-color: #D9D9D9;
  height: 30px;
  width: 125px;
  border-radius: 0px;
  padding: 3px 12px;
}

.navbar-header {
  float: left !important;
}

.panel-primary> .panel-headingLogin> .navbar-header-title {
  color: #FFF;
  font-size: 50px;
  padding-top: 10px;
  padding-left: 5px;
  margin-right: 85px;
  text-align: center;
  height: 30px;
}

.panel-headingLogin {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.panel-primary>.panel-headingLogin {
  color: #333;
  height: 130px;
  max-height: 130px;
  padding-top: 7px;
}

.panel-primary {
  border-color: #ccc;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  color: inherit;
}

.panelLogin {
  margin-bottom: 20px;
  height: auto;
  width: 900px;
  max-height: 570px;
  max-width: 900px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 0px !important;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.32), 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.32), 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0px rgba(0, 0, 0, 0.12);
}

#content > .row {
  width: 1300px !important;
}

#login .col-md-1,
#login .col-lg-1 {
  width: 100px;
}

#login .col-md-1.control-label,
#login .col-lg-1.control-label {
  width: 150px;
  margin-left:164px;
}

#login .col-md-2.control-label,
#login .col-lg-2.control-label {
  width: 140px;
}

#login .col-md-3.control-label,
#login .col-lg-3.control-label {
  width: 236px;
}

#login .col-md-2,
#login .col-lg-2 {
  width: 140px;
}

#login .col-md-3,
#login .col-lg-3 {
  width: 224px;
}

#login .col-md-4,
#login .col-lg-4 {
  width: 385px;
}

#login .col-md-5,
#login .col-lg-5 {
  width: 460px;
}
#login .col-md-6,
#login .col-lg-6 {
  width: 700px;
}
#login .col-md-7,
#login .col-lg-7 {
  width: 500px;
  margin-top:35px;
  margin-left:35px;
}
#login .col-md-8,
#login .col-lg-8 {
  width: 1000px;
}

#login .autocomplete .input-code {
  width: 100px;
}

#login .autocomplete .input-name {
  width: 290px;
}

#login .col-md-3 .input-md,
#login .col-lg-3 .input-md {
  width: 208px;
  margin-left:270px;
}

#login .col-md-4 .input-md,
#login .col-lg-4 .input-md {
  width: 357px;
}

#login .col-md-5 .input-md,
#login .col-lg-5 .input-md {
  width: 484px;
}

#login .col-md-3 .select2,
#login .col-lg-3 .select2 {
  min-width: 220px;
}

#login .col-md-4 .select2,
#login .col-lg-4 .select2 {
  min-width: 369px;
}

.panel,
#content {
  min-width: 1300px;
}


/* ----------- media queries for CM1010_010 ----------- */

@media screen and (max-height: 500px) {}

@media only screen and (min-width: 290px) and (max-width: 499px) {}

@media only screen and (min-width: 500px) and (max-width: 600px) {}

@media only screen and (min-width: 601px) and (max-width: 768px) {}

@media only screen and (min-width: 768px) and (max-width: 928px) {}

@media only screen and (min-width: 928px) and (max-width: 1025px) {}

@media only screen and (min-width: 1025px) and (max-width: 1150px) {}

@media only screen and (min-width: 1150px) and (max-width: 1220px) {}

@media only screen and (min-width: 1220px) and (max-width: 1336px) {}

@media only screen and (min-width: 1336px) and (max-width: 1500px) {}

@media only screen and (min-width: 1500px) and (max-width: 1650px) {}

@media only screen and (min-width: 1650px) and (max-width: 1750px) {}

@media only screen and (min-width: 1750px) and (max-width: 1920px) {}

button.passwordChange {

 /* 文字サイズを1.4emに指定 */
 font-size: 16px;

 /* 文字の太さをboldに指定 */
 font-weight: bold;

 /* 縦方向に10px、
  * 横方向に30pxの余白を指定 */
 padding: 10px 30px;

 /* 文字色 */
 color: rgb(0, 71, 153);

 /* ボーダーをなくす */
 border-style: none;

 /* ボタンの影の指定
  * 影の横幅を2px
  * 縦長を2px
  * ぼかしを3px
  * 広がりを1px
  * 色を#666（グレー）に指定 */
 box-shadow: 2px 2px 3px 1px #666;
 -moz-box-shadow: 2px 2px 3px 1px #666;
 -webkit-box-shadow: 2px 2px 3px 1px #666;

 /* テキストの影の指定
  * 影の横幅を1px
  * 縦長を1px
  * ぼかしを2px
 */
 text-shadow: 1px 2px 0px #fff;

 /* グラデーションの指定
 background: -moz-linear-gradient(bottom, #36d, #248 50%, #36d);
 background: -webkit-gradient(linear, left bottom, left top, from(#36d), color-stop(0.5, #248), to(#36d));
 */

 /* 角丸の指定 */
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;

 font-family: Lucida Grande, "Hiragino Kaku Gothic ProN",
    "\u30d2\u30e9\u30ae\u30ce\u89d2\u30b4 ProN W3", Meiryo,
    \u30e1\u30a4\u30ea\u30aa, sans-serif;

 margin-left:390px;
 width:200px;
 height:35px;
 margin-top:3px;
 margin-bottom:3px;
 background:rgb(157,220,224);
}

button.passwordChange:hover {
  opacity: 0.8;
  position:relative;
  top:1px;
  left:1px;
}

button.loginBtn {
  margin-top: 1px;
  margin-left: 212px;
}

button.loginBtn:hover {
  opacity: 0.8;
  position:relative;
  top:1px;
  left:1px;
}