@import url('https://fonts.googleapis.com/css2?family=Gothic+A1&display=swap');
/* Reset default margin and padding */


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Apply a background color to the whole page */
body {
    background-color: #f0f0f0;
    font-family: 'Gothic A1', sans-serif;
    /* overflow: hidden; */
}

#login_v2 * {
    /* font-size: initial; */
}

/* Container for two divs */
#login_v2.container {
    display: flex;
    height: 100vh;
    
    max-width: none !important;
    width: auto !important;
}

/* Right panel styling */
#login_v2 .right-panel {
    flex: 2;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Login form styling */
#login_v2 form {
    width: 100%;
}

#login_v2 .login-form {
    text-align: center;
}

#login_v2 .login-form h2 {
    /* margin:20px 0; */
}

#login_v2 .login-form #login_logo {
    width: 180px;
    height: 180px;
}

#login_v2 .login-form input {
    width: -webkit-fill-available;;
    padding: 5px;
    font-family: 'Gothic A1', sans-serif;
    margin: 5px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
}

#login_v2 .login-form button {
    background-color: #1255a6;
    color: white;
    /* padding: 15px 20px; */
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin:25px 0;
    width:100%;
}

#login_v2 .login-form a {
    text-decoration: none;
    color: #333;
    display: block;
    margin-top: 10px;
    font-size: 12px;
}

#login_v2 .left-panel {
    flex: 3;
    background: url(../images/login-bg-3.jpg);
    background-size: cover;
    color: white;
    display: grid;
    grid-template-rows: 10% 80% 10%;
}

  
/* Company info styling */
#login_v2 .company-info {
    padding: 20px;
}

/* Centered info styling */
#login_v2 .centered-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 50px;
}

#login_v2 .centered-info h4 {
    margin-bottom: 10px;
    font-weight: 400;
}

#login_v2 .centered-info .hr {
    width: 10%;
    height:5px;
    background-color: white;
    border-radius: 5px;
    margin: 30px 0;
}

#login_v2 .centered-info p {
    text-align: center;
    padding: 0 20px;
    width:70%;
}

/* Bottom info styling */
#login_v2 .bottom-info {
    text-align: center;
    color: #888;
    align-self: end; /* Aligns it to the end of the grid cell */
    padding: 10px;
}

#login_v2 h5 {
    font-weight: 900;
    text-align: center;
}