.new-login-background {
    background-image: linear-gradient(0deg, rgba(189, 189, 189, 0.652), rgba(189, 189, 189, 0.652)), url('../images/jollibee-login-background.jpg');
    background-size: cover;
}

.login-div-border {
    border: 2px solid rgba(82, 7, 4, 0.8);
}

.login-div-inside {
    background: white;
    padding: 50px 50px 50px 50px;
}

.login-button {
    background-color: #c00000 !important;
    margin-top: 10px;
    padding: 5px 10px 5px 10px;
}

.login-button:hover {
    background-color: #8D1917 !important;
}

.login-input {
    border: 1px solid #c00000 !important;
    box-shadow: none !important;
    background-color: white;
}

.login-logo {
    display: inline;
    max-width: 100%;
    height: 5rem;
}

.form-field-name {
    width: 20% !important;
}

.form-field-input {
    width: 40% !important;
}

.theo-is-border {
    border: 1px solid lightgray;
}

.bgLightBlue {
    background-color: #b4d0ff;
}

.breakWords {
    overflow-wrap: break-word;
}

.syslistSticky {
    position: sticky;
    position: -webkit-sticky;
    top: 0; /* required */
}

.syslistTable {
    height: 80vh;
}

.syslistRow {
    padding: 0.1rem !important;
}

.syslistTable tr:nth-child(odd) {
    background-color: #f3f3f3;
}

.syslistCell {
    padding: 0.5rem !important;
}

.tnuTable {
    height: 250px;
}

.tnuRow {
    padding: 0.5rem !important;
}

.currency-center input[type="text"] {
    text-align: center !important;
}