/*********  SIGN IN  *********/

/* Fullbreddeside med bakgrunnsbilde */ /* #content-container.signinpage{ background-image: /* linear-gradient(to bottom, rgba(0,0,0,0.25), rgba(0,0,0,0.25)), lett mørk overlay for lesbarhet url('/TrainNT.jpg'); background-size: cover; background-repeat: no-repeat; /* background-position: 50% 23%; margin-top: -18px; } */

/* Fullbreddeside med bakgrunnsbilde */
#content-container.signinpage{
  background-image: url('/TrainNT.jpg');  
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;    
  margin-top: -18px;
}


/* Skjul tabs på login-sida */
#content-container.signinpage #content .nav.nav-tabs{
  display:none!important;
}

/* Gjør content-container til flex-row: venstre = form, høyre = tekst */
#content-container.signinpage #content .page-content{
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;

}

/* ----- VENSTRE SIDE: LOGG INN-KORT ----- */

#content-container.signinpage .page-content.row .row{
  background:#ffffff;
  border-radius:.75rem;
  box-shadow:0 18px 40px rgba(0,0,0,0.15);
  margin-top:100px;
  margin-bottom:100px;
  padding:2.5rem 2.5rem;
  flex-direction:column;
  justify-content:space-between;
}

/* Bredde på login-kortet desktop */
@media (min-width: 800px){
  #content-container.signinpage .page-content.row .row{
    -ms-flex:0 0 38%;
    flex:0 0 38%;
    max-width:38%;
  }
}

/* På mobil: form under tekst og full bredde */
@media (max-width: 991.98px){
  #content-container.signinpage #content .page-content{
    flex-direction:column-reverse;
    align-items:stretch;
  }
  #content-container.signinpage .page-content.row .row{
    margin-top:40px;
    margin-bottom:40px;
    max-width:100%;
  }
}

#content-container.signinpage .page-content.row .row .col-md-8{
  -ms-flex:0 0 100%;
  flex:0 0 100%;
  max-width:100%;
}
#content-container.signinpage .page-content.row .row .col-md-8 .form-group .label,
#content-container.signinpage .page-content.row .row .col-md-8 .form-group .col-sm-8{
  -ms-flex:0 1 auto;
  flex:0 1 auto;
  max-width:100%;
}
#content-container.signinpage .page-content.row .row .col-md-8 .form-group .form-control{
  padding:1em;
}

/* Local sign-in knapp */
#content-container.signinpage .page-content #submit-signin-local{
  padding:.7rem 1rem;
  font-size:1.1rem;
  line-height:1.5;
  border-radius:.3rem;
  display:block;
  width:100%;
}

/* Eksterne providere (Microsoft, osv.) */
#content-container.signinpage .page-content.row .row .col-md-8 form fieldset{
  position:relative;
}
#content-container.signinpage .page-content.row .row .col-md-8 button.btn[name='provider']{
  margin:5px auto!important;
  width:100%;
  padding:0.9rem 1rem 0.9rem 3.2rem;
  font-size:1.05rem;
  line-height:1.5;
  border-radius:.3rem;
  flex:0 0 auto;
  text-align:left;
  background-repeat:no-repeat!important;
  background-position:14px center!important;
  background-size:22px 22px!important;
}

/* Microsoft Entra-knapp (enkelt og tydelig) */
#content-container.signinpage .page-content.row .row .col-md-8 button.btn[title*="Logg på med Microsoft Entra ID-kontoen."]{
  border-color:#0078D4;
  background-color:#0078D4;
  color:#fff!important;
  background-image:url('/Screenshot\ 2025-11-17\ at\ 15.41.20.png');
	}	
	/* legg logo her */

#content-container.signinpage .page-content.row .row .col-md-8 button.btn:hover{
  filter:brightness(1.05);
}

/* ----- HØYRE SIDE: TEKST + KNAPPER ----- */

#content-container.signinpage #content .page-copy{
  color:#ffffff;
  max-width:420px;
  margin-left:40px;
}

@media (min-width: 992px){
  #content-container.signinpage #content .page-copy{
    -ms-flex:0 0 40%;
    flex:0 0 40%;
    max-width:40%;
  }
}
@media (max-width: 991.98px){
  #content-container.signinpage #content .page-copy{
    max-width:100%;
    margin:40px 0 0 0;
    text-align:left;
  }
}

#content-container.signinpage .signin-title{
  font-size:2.6rem;
  font-weight:700;
  line-height:1.1;
  margin-bottom:1.2rem;
}
#content-container.signinpage .signin-lead{
  font-size:1.05rem;
  max-width:34rem;
  margin-bottom:1.8rem;
  color: black;
}
#content-container.signinpage .signin-actions{
  display:flex;
  flex-wrap:wrap;
  gap:0.75rem;
}

#content-container.signinpage .lead-button {
  color: #ffffff;
  background-color: #041e41;
  border-color: #041e41;
}