.login-page{display: flex;min-height: 100vh;width: 100%;background: linear-gradient(
    307deg,
    #095936 15%,
    #095936 38%,
    #f6c907 65%
);}
.login-page .sec-title{font-size: 28px;font-weight: 600;color: #212121;margin: 0 0 30px;line-height: 28px;}
form.user .form-control-user{box-shadow:none !important; outline: none !important;}
form.user .form-control-user:focus{border-color:#bac8f3;}
.btn-primary{background-color: #FEA116;border-color: #FEA116;}
.btn-primary:hover{color:#fff;background-color: #FEA116;border-color: #FEA116;}
a:hover{color: #FEA116}

.toast{opacity:1 !important;background-color:#272838 !important;border-radius:0 !important;border:0;border-left:6px solid #14151E;z-index:0;}
.toast .toast-progress{height:100%;background-color:#14151E;z-index:-1;opacity:0.2;}
.toast .toast-title{font-size:16px;font-weight:600;font-family:'Lato', sans-serif;}
.toast .toast-message{font-size:13px;font-weight:300;font-family:'Lato', sans-serif;}
.toast.toast-success{border-color:#25AAE1;}
.toast.toast-success .toast-progress{background-color: #fff;background-image: linear-gradient( 45.8deg, rgba(175,104,254,1) 9.3%, rgba(101,223,255,1) 75.1% );}
.toast.toast-danger,.toast.toast-error{border-color:#E21717;}
.toast.toast-danger .toast-progress,.toast.toast-error .toast-progress{background-color:#ddd!important;}
.toast.toast-warning{border-color:#ff9800;}
.toast.toast-warning .toast-progress{background-color:#ff9800;}
.toast.toast-info{border-color:#2196f3;}
.toast.toast-info .toast-progress{background-color:#2196f3;}
.toast.toast-default{border-color:#2196f3;}
.toast.toast-default .toast-progress{background-color:#2196f3;opacity:0.4;}
.toast-close-button{display:none;}

/* Fix logo container for mobile */
.logo-container {
    position: relative;
    width: 100%;
    height: 200px;
    min-height: 200px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bg-login-image {
    position: relative;
    min-height: 200px;
}

/* Mobile view - 80% width, centered */
.bg-login-image img {
    width: 80%;
    max-width: 80%;
    height: auto;
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    object-fit: contain;
    margin: 0 auto;
    display: block;
}

/* Desktop view - absolute positioning with transform */
@media (min-width: 992px) {
    .bg-login-image {
        min-height: 100vh;
        position: relative;
    }
    
    .logo-container {
        height: 100%;
        min-height: 100vh;
        position: relative;
    }
    
    .bg-login-image img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        max-width: 100%;
        margin: 0;
    }
}

.login_container {
    max-width: 736px;
    margin: 0px auto;
}

/* Center form on desktop screen */
@media (min-width: 992px) {
    .col-lg-6 > .p-5 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
    }
    
    .col-lg-6 {
        position: relative;
    }
}