/* formatka logowania dla strony zabezpieczonych hasłem */

.login-container{
  text-align:center;
  background:#fff;
  padding:30px 30px 5px;
  border-radius:15px;
  box-shadow:0 4px 20px rgba(0,0,0,.1);
  width:90%;
  max-width:400px;
  margin:50px auto;
}

.login-container img {
	width:60px; 
	margin-bottom:0; 
}

.login-container h1 {
  font-size:24px !important;
  color:#1c1c1e;
  margin-bottom:10px;
}


.login-container p { 
	margin:0; 
}

.login-container p:empty { 
	display:none; 
}

.login-container br { 
	display:none; 
}

.form-group{
  position:relative;
  margin:0 0 20px;
  text-align:left;
}

.form-group input{
  width:100%;
  padding:12px;
  border:1px solid #7d7d7d;
  border-radius:10px;
  font-size:16px;
  color:#1c1c1e;
  box-sizing:border-box;
  transition:border-color .3s;
}

.form-group input:focus{
  outline:none !important;
  border-color:#93c !important;
  box-shadow:0 0 10px -2px rgba(153,51,204,1) !important;
  border-radius:3px !important;
}

.form-group label { 
	color:#7d7d7d; 
	transition:color .2s; 
}

.line-with-text {
	display:flex;
	align-items:center;
	text-align:center;
	color:#555;
	font-size:14px;
	margin: 0px 10px 20px 0px;
}

.line-with-text::before,
.line-with-text::after{
	content:"";
	flex:1;
	border-bottom:1px solid #ccc;
	margin:0 10px;
}

.line-with-text span {
  white-space:nowrap;
  padding:0 10px;
  background:#fff;
}

.toggle_password {
  color:#000;
  text-decoration:none;
  display:inline-block;
  margin-bottom:10px;
}

.lost_password{
  display: block;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  padding: 0;
  margin-bottom: 0;
  border-width: 0;

  transition: max-height 520ms ease, opacity 520ms ease, padding 520ms ease, margin-bottom 520ms ease, border-width 520ms ease;

  font-size: 14px;
  background: #fdf4d2;
  border-style: solid;
  border-color: #ededed;
  border-radius: 8px;
  color: #000;
  box-shadow: 0 0 3px rgba(0,0,0,.2);
}

.lost_password.is-open{
  max-height: 120px;
  opacity: 1;
  padding: 5px;
  margin-bottom: 10px;
  border-width: 1px;
}


/* Nadpisanie stylów Avady */
.login-container .spiewnik-btn,
.login-container input[type="submit"],
.login-container button[type="submit"],
.login-container .fusion-button{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;

  height:52px !important;
  line-height:52px !important;
  padding:0 12px !important;

  border:none !important;
  border-radius:10px !important;

  font-size:18px !important;
  font-weight:600 !important;
  text-transform:none !important;
  letter-spacing:0 !important;

  cursor:pointer !important;
  text-decoration:none !important;

  margin:0 0 20px 0 !important;
}

.login-container .spiewnik-btn{
  text-align:center !important;
}

/* wycina Avadowe pseudo-elementy na linku */
.login-container .spiewnik-btn::before,
.login-container .spiewnik-btn::after{
  content:none !important;
  display:none !important;
}

/* PRIMARY (submit) */
.login-container input[type="submit"],
.login-container button[type="submit"],
.login-container .fusion-button{
  background:linear-gradient(135deg,#007aff,#005bb5) !important;
  color:#fff !important;
}

.login-container input[type="submit"]:hover,
.login-container button[type="submit"]:hover,
.login-container .fusion-button:hover{
  background:linear-gradient(135deg,#005bb5,#007aff) !important;
}

/* SECONDARY (kontynuuj) */
.login-container .spiewnik-btn--secondary{
  background:linear-gradient(135deg,#ff9000,#ff512f) !important;
  color:#fff !important;
}

.login-container .spiewnik-btn--secondary:hover{
  background:linear-gradient(135deg,#ff512f,#ff9000) !important;
}

.spiewnik-core-version{
  margin-top: 6px;
  font-size: 10px;
  text-align: right;
  opacity: .55;
  line-height: 1;
  user-select: none;
}


@media (max-width:700px){
  .login-container{
    padding:20px;
    margin:20px auto;
    width:100%;
  }
}