.login .card-container.card {
    max-width: 350px;
    padding: 40px 40px;
}


.login .card {
    /* just in case there no content*/
    padding: 20px 25px 30px;
    margin: 0 auto 25px;
    margin-top: 50px;
    /* shadows and rounded borders */
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.login .form-signin #username,
.login .form-signin #password {
    direction: ltr;
    height: 44px;
    font-size: 16px;
}

.login .form-signin input[type=password],
.login .form-signin input[type=text],
.login .form-signin button {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    z-index: 1;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.nametag  {
    position: absolute;
    left: 50%;
}

.error {
    color: red;
}

.form-select-sm, .form-control-sm {
    font-size: 0.6rem;
}

.form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] {
    --bs-form-select-bg-icon: none;
}

.form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] {
    padding-right: 2.25rem;
}

td.act .form-select, td.ent .form-select {
    width: inherit;
}

table.line-items-table tbody {
    list-style-type: none;
    counter-reset: css-counter 0; /* initializes counter to 0; use -1 for zero-based numbering */
}

table.line-items-table tbody td:first-child {
    counter-increment: css-counter 1; /* Increase the counter by 1. */
}

table.line-items-table tbody td:first-child:before {
    content: counter(css-counter) ". "; /* Apply counter before children's content. */
}

table.line-items-table tbody .field-amt {
    text-align: right;
}

table.line-items-table tbody td.dta,
table.line-items-table thead th.dta {
    display: none;
}