/*********************************************/
/* Toča Center                               */
/* Author: Matej Ramšak                      */
/* Version: 2.00                             */
/* 10.11.2025                                */
/* Custom CSS for login                      */
/*********************************************/

#login-page{
    display: block;
    margin: 0px;
    width: 100vw;
    height: 100vh;
    background-color: #333;
}

/*------ LEFT SIDE ------*/
.left-side{
    display: inherit;
    height: inherit;
}

.login-form{
    height: 520px;
    top: 50%;
    position: absolute;
    margin-top: -260px;
}

.profile-image-login {
  width: auto;
  height: 100px !important;
}


/*------ RIGHT SIDE ------*/
.right-side{
    display: inherit;
    height: inherit;
    background-image: url('../images/login-bg.jpg');
    background-size: cover;
    background-position: center center; 
} 

.input-field label{
    top: 0rem;
}

input[type="text"], input[type="password"] {
    text-indent: 20px;
}

.input-field .prefix.active {
  color: #42adf5;
}

.error, .success{
    color: #d32f2f;
    font-size: 1.2rem;
    line-height: 0.3rem;
}

.success{
    color: #8bc34a;
}

.gear{
    display: block;
    height: 80px;
    background: url('../images/gear.svg') no-repeat; 
    position: absolute;
    top: -15%;
    left: 0;
}