/* LOGIN */
.tx-felogin-pi1 {width:480px; margin: 0 auto; margin-top:10px; margin-bottom: 200px; font-family: "Droid Sans", sans-serif;}
.tx-felogin-pi1 h3{font-size: 22px; line-height: 140%; color: #006eab; font-weight: normal; margin-bottom: 5px;}
.tx-felogin-pi1 > div{font-size: 14px; line-height: 140%; color: #666666; font-weight: normal;}
.tx-felogin-pi1 form { margin-top:10px; }
.tx-felogin-pi1 form > fieldset{ padding:20px; padding-top:50px; background:#fdfdfd;  border:none; box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);}
.tx-felogin-pi1 form > fieldset > legend{position: relative; top:30px; color: #006eab; border-bottom: 1px solid gainsboro; padding-bottom: 5px; display: block; width:100%; font-size: 16px;  }
.tx-felogin-pi1 form > fieldset label{float: left; font-family: "Droid Sans", sans-serif; display: inline-block; color: #666666; font-size: 14px; width:145px; position: relative; top:12px;}
.tx-felogin-pi1 form > fieldset input[type="text"],
.tx-felogin-pi1 form > fieldset input[type="password"]{float: left; width:290px; display: inline-block;  font-family: "Droid Sans", sans-serif; resize: vertical; color: #666666; font-size: 14px; padding: 11px 11px; border: 1px solid #a3b9c5; border-radius: 3px; outline: none; webkit-transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1); -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);}
.tx-felogin-pi1 form > fieldset input[type="text"]:focus,
.tx-felogin-pi1 form > fieldset input[type="password"]:focus {border: 1px solid #006eab; box-shadow: 0 0px 5px rgba(12, 80, 117, 0.14);}
.tx-felogin-pi1 form > fieldset input[type="submit"] {float: right; font-family: "Droid Sans", sans-serif; margin-bottom:-10px; text-decoration: none; font-size: 14px; letter-spacing: 0.5px; display: inline-block; position: relative; text-transform: uppercase; user-select: none; cursor: pointer; text-align: center; padding: 11px 24px; border-radius: 3px; background: #22b3cc; border: 1px solid #22b3cc; color: white;  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); webkit-transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1); -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);}
.tx-felogin-pi1 form > fieldset input[type="submit"]:hover {background:#006eab; border:1px solid #006eab;}
.tx-felogin-pi1 form > fieldset >div {margin-bottom: 15px;}
.tx-felogin-pi1 form > fieldset >div:after {content:""; clear:both; display: table;}
.tx-felogin-pi1 .felogin-hidden {margin:0; padding:0;}


/* [mobile] */
@media screen and (max-width : 500px)  {
  body.tx_nseprconfig_login_view .tx_nseprconfig .site_header .logo_bar .center {width:100%;}
  /* login */
  .tx-felogin-pi1 {width:95%;}
  .tx-felogin-pi1 form > fieldset label {clear:both; float:none; width:100%; position: static; margin-bottom: 5px;}
  .tx-felogin-pi1 form > fieldset input[type="text"], .tx-felogin-pi1 form > fieldset input[type="password"] {clear:both; float:none; width:100%;}
  .tx-felogin-pi1 form > fieldset >div {margin-bottom: 10px;}
  .tx-felogin-pi1 h3 {font-size:22px;}
}