body {
  font-feature-settings: "liga" on;
  text-rendering: optimizeLegibility;

}
.p-0 {padding:0 !important;}
.pl-0 {padding-left:0 !important;}
.pr-0 {padding-right:0 !important;}
.pt-0 {padding-top:0 !important;}
.pb-0 {padding-bottom:0 !important;}
@media (min-width: 992px) {
    .auth_right_wrapper {padding:2.5rem !important}
}

@media (max-width: 991px) {
    .authentication-inner {background:#000;}
    .auth_right_wrapper {display:block !important; width:100%; padding: 4rem 2rem 2rem 2rem; margin:1rem;}
}



.mt-0 {margin-top:0 !important}
.mr-0 {margin-right:0 !important}
.mb-0 {margin-bottom:0 !important}
.ml-0 {margin-left:0 !important}
.mt-1 {margin-top:0.25rem !important}
.mr-1 {margin-right:0.25rem !important}
.mb-1 {margin-bottom:0.25rem !important}
.ml-1 {margin-left:0.25rem !important}
.mt-2 {margin-top:0.5rem !important}
.mr-2 {margin-right:0.5rem !important}
.mb-2 {margin-bottom:0.5rem !important}
.ml-2 {margin-left:0.5rem !important}
.mt-3 {margin-top:1rem !important}
.mr-3 {margin-right:1rem !important}
.mb-3 {margin-bottom:1rem !important}
.ml-3 {margin-left:1rem !important}
.mt-4 {margin-top:2rem !important}
.mr-4 {margin-right:2rem !important}
.mb-4 {margin-bottom:2rem !important}
.ml-4 {margin-left:2rem !important}

.bg-info {background-color: #28c3d7 !important;}
.bg-warning {background-color: #FFD950 !important; color: #4E5155 !important;}
.bg-success {background-color: #02BC77 !important;}
.bg-danger {background-color: #d9534f !important;}
.bg-default {background-color: #181c211a !important; color: #4E5155 !important;}
.btn-primary {
	border-color: rgba(0,0,0,0);
	background: #26B4FF;
	color: #fff;
     border-radius: 0 !important;
}
.btn-success {
     border-radius: 0 !important;
	border-color: rgba(0,0,0,0);
	background: #02BC77;
	color: #fff;
}

.btn {border:none !important; border-radius: 0 !important;}

.ui-bg-overlay-container, .ui-bg-video-container {
    position: relative;
}
.ui-bg-overlay-container > *, .ui-bg-video-container > * {
    position: relative;
}
.ui-bg-cover {
    background-color: rgba(0,0,0,0);
    background-position: center center;
    background-size: cover;
}
.ui-bg-overlay-container .ui-bg-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
}
.bg-dark {
    background-color: rgba(24,28,33,0.9) !important;
}
/* Authentication layout — modernized for 2025 */

.authentication-wrapper {
  display: flex;
  flex-basis: 100%;
  min-height: 100vh;
  width: 100%;
}

.authentication-wrapper .authentication-inner {
  width: 100%;
}

/* Centered variants */
.authentication-wrapper.authentication-1,
.authentication-wrapper.authentication-2,
.authentication-wrapper.authentication-4 {
  align-items: center;
  justify-content: center;
}

.authentication-wrapper.authentication-1 .authentication-inner {
  max-width: 300px;
}

.authentication-wrapper.authentication-2 .authentication-inner {
  max-width: 380px;
}

.authentication-wrapper.authentication-4 .authentication-inner {
  max-width: 800px;
}

/* Stretch variant */
.authentication-wrapper {
  align-items: stretch;
}

.authentication-wrapper .authentication-inner {
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap; /* explicit, though default */
  /* omit justify-content: stretch (not valid in flexbox) */
}

a {text-decoration:none;}

a:hover {text-decoration: none !important;}
select.form-control {
    -webkit-appearance: menulist;
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.password-wrapper {
    position: relative;
}
.seepass:hover {
    opacity:0.8;
}
.seepass {
    position: absolute;
    color:#ccc;
    right: 10px;
    top: 30px;
    cursor: pointer;
}
@media (max-width:300px) {
    .seepass {display:none;}
}

#two_factor_inputs {
    display: flex;
    gap: 0.5rem;
}
.two-factor-input {
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;

    border: 1px solid #ccc;
    border-radius: 4px;
}
@media (max-width: 991px) {
    .two-factor-input {
        width: 1.7rem;
        height: 1.7rem;
    }
    input.form-control {font-size: 16px !important;}
}


.btn-spinner { display: none; }
.htmx-request .btn-label { display: none; }
.htmx-request .btn-spinner { display: inline-block; }

div.branding_link {position: fixed; font-size:11px; bottom:30px; right:45px; display: block}
@media (max-width: 991px) {
    div.branding_link {position: absolute; font-size:11px; bottom:30px; right:45px; display: block}
}