/*
 * © Plexon, Inc. 2008-2025 All Rights Reserved.
 *
 *  This website and its content, including but not limited to text, graphics, logos, images, and software,
 *  are the exclusive property of Plexon, Inc unless otherwise stated. Any unauthorized reproduction, distribution,
 *  modification, or transmission of any content without prior written consent from Plexon, Inc is strictly prohibited.
 *
 *  Plexon, Inc reserves the right to pursue legal action against any individual or entity that violates its intellectual property rights.
 *
 *  For permissions or inquiries, please contact us at: admin@plexsupply.com.
 */

body {
    font-family: helvetica;
    font-size: 14px;
}

.login-container {
    font-family: Arial, sans-serif;
    max-width: 275px;
    margin: 0 auto;
    padding: 0 20px 20px;
    min-height: 80vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.square-logo {
    width: 125px;
    height: 125px;
    margin-bottom: 30px;
}
.square-logo > img {
    width: 125px;
    height: 125px;
}

form {
    width: 100%;
}

.form-group {
    margin-bottom: 15px;
}

input[type="text"],
input[type="password"] {
    width: 100%;
    padding: 12px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-sizing: border-box;
}

.checkbox-group {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.checkbox-group input[type="checkbox"] {
    margin-right: 8px;
}

.login-button {
    width: 100%;
    padding: 12px;
    background-color: #3f3f3f;
    color: #e4e4e4;
    font-size: 16px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s linear;
}

.login-button:hover {
    background-color: #e68b75;
}