:root{
	--primary-color: #F39910;
	--primary-color-hover: #ff8c33;
	--text-color: #444
}
/* RESET & BASE -------------------------------------------------- */
html, body {
  font-size: 1rem
}

/* CONTAINER PRINCIPALE ------------------------------------------ */
.login-cont {
  display: flex;
  flex-direction: row;
  min-height: 100vh;
}

/* LATO SINISTRO - IMMAGINE -------------------------------------- */
.login-img {
   	flex: 2;
	width: 100%;
	background-image: url('/am/XUI/images/login_fol_bg.png');
	background-size: cover;
	background-position-y: center;
	background-repeat: no-repeat;
}

/* LATO DESTRO - LOGIN ------------------------------------------- */
#login-base {
  flex: 1;
  background: #fff;
  padding: 0px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#login-base .main-logo {
	width: 100%;
	height: 50%;
  	max-width: 120px;
  	height: auto;
}

#login-base h1 {
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--primary-color);
  margin-bottom: 10px;
  text-transform: none;
}

.login-title {
  color: var(--text-color);
  line-height: 1.5;
  margin-bottom: 25px;
}

/* FORM ----------------------------------------------------------- */
form.login {
  width: 100%;
}

.form-control {
  border-radius: 4px;
  border: 1px solid #ccc;
  box-shadow: none;
  height: 44px;
  transition: all 0.3s ease;
}

.form-control:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 5px var(--primary-color);
  outline: none;
}

/* CHECKBOX ----------------------------------------------- */
.remember-forgot {
  color: #666;
}

/* BOTTONE LOGIN ------------------------------------------------- */
.btn-primary {
  background: var(--primary-color) !important;
  border: none !important;
  border-radius: 4px;
  color: #fff !important;
  font-weight: 600;
  text-transform: inherit !important;
  letter-spacing: 0.5px;
  padding: 12px;
  width: 100%;
  transition: background 0.3s ease;
}

.btn-primary:not(:disabled):hover {
  background: var(--primary-color-hover) !important;
}

/* FOOTER -------------------------------------------------------- */
footer.footer {
  text-align: center;
  color: var(--text-color);
  background: #fff;
}

footer a {
    color: inherit !important;
}

footer a:hover,
footer a:focus {
    color: inherit !important;
    text-decoration: underline;
    outline: none;
}

/* Stile base per tutti i link */
a {
    color: var(--primary-color);
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s;
}

a:hover,
a:focus {
    color: var(--primary-color-hover);
    text-decoration: underline;
    outline: none;
}

li {
	list-style: none
}

.remember-forgot{
  display: flex;
}

.remember-forgot .checkbox{
  flex: 1
}

@media (max-width: 1024px) {
    .login-img {
        flex: 1
    }

	#login-base {
		padding: 0px 60px;
	}
}

@media (max-width: 768px) {
    .login-img {
        display: none;
    }

	#login-base {
		padding: 30px 20px;
	}
}

@media (max-width: 425px) {
  .remember-forgot{
    flex-direction: column
  }

  .remember-forgot .checkbox{
    margin-bottom: 15px !important;
  }
}

/* DISABILITA CLASSI CHE VENGONO IMPOSTATE IN ALRI FILE CSS -------------------------------------------------------- */
/* BOOTSTRAP 3.x */
/* Container */
.container, .container-fluid {
    width: auto !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Row */
.row {
    display: block !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    flex: none !important;
    flex-wrap: unset !important;
}

/* Colonne */
[class*="col-"] {
    width: auto;
    max-width: none !important;
    flex: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important; /* cancella offset */
}

/* Offset specifici e breakpoint */
[class*="offset-"] {
    margin-left: 0 !important;
}

/* Override eventuali media query */
@media (min-width: 576px),
       (min-width: 768px),
       (min-width: 992px),
       (min-width: 1200px),
       (min-width: 1400px) {
    [class*="col-"], [class*="offset-"] {
        width: auto;
        max-width: none !important;
        flex: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
    }
}

/* .page-header{
	margin: 0;
	margin-bottom: 0 !important;
	padding-bottom: 0;
} */

/* STRUCTURE.CSS */
.main-logo-holder {
	margin: 0;
	text-align: left;
}

.login .toggle-login-register {
    text-align: left;
    margin-top: 0px;
}