body {
    background-color: #d5d1d1;
}

a { text-decoration: none; }

.login-btn { width: 150px; padding: 5px; margin: 5px; border-radius: 10px; text-align: center; margin-left: auto; margin-right: auto; }
.container-sheet-2 { border: 1px solid #b9b9b9; background-color: #f7f7f7; margin-top: 10px; margin-bottom: 22px; box-shadow: 1px 2px #888888; }

.btn-primary-outline {--bs-btn-color: #0d6efd;--bs-btn-bg: transparent;--bs-btn-border-color: #0d6efd;--bs-btn-hover-color: #0d6efd;--bs-btn-hover-bg: #0d6dfd75;--bs-btn-hover-border-color: #0a58ca;--bs-btn-focus-shadow-rgb: 49,132,253;--bs-btn-active-color: #0d6efd;;--bs-btn-active-bg: #0a58ca;--bs-btn-active-border-color: #0a53be;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #0d6efd;--bs-btn-disabled-bg: #0d6efd;--bs-btn-disabled-border-color: #0d6efd;}

.login-employee-btn { border: 1px solid #F1C40F; background-color: #F9E79F; }
.login-employee-btn:hover { background-color: #FCF3CF; }

.login-non-employee-btn { border: 1px solid #2471A3; background-color: #7FB3D5; }
.login-non-employee-btn:hover { background-color: #D4E6F1; }

.login-btn-avatar { font-size: 60px; text-align: center; color: #333; }
.login-btn-text { color: #33a; font-size: 15px; }

.footer { font-size: 10px; color: #000; margin-top: 10px; text-align: center; }
.center-text { text-align: center; }

.logo-png { width: 240px; /* height: 53px; */ }
.logo-div { /* margin-left: auto; */ margin-right: auto; width: 240px; margin-top: 10px; }

.inventory-items-row { color: #000; display: flex; flex-wrap: wrap; margin: 5px; padding:10px; }

.inventory-items-row:hover { background-color: #f8f8f8; }

.inventory-items-row-input { background-color: transparent; width: 100px; padding: 10px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; }

.inventory-items-name-div { color: #000; width: 50%; font-size: 16px; line-height: 1.8em; margin: auto; }
.inventory-items-qty-div { color: #000; width: 25%; text-align: center; line-height: 4em; }
.inventory-items-input-div { color: #000; width: 25%; }

.ui-autocomplete-loading { background: white url("https://www.mymaxtools.com/images/ui-anim_basic_16x16.gif") right center no-repeat; }

.items-div { margin-top: 10px; }
.line-item { margin: 5px; padding: 5px; }
.line-item:hover { background-color: #eee; }

.show-small { display: none; }
.red-text { color: #ff0000; }

.product-image-1 { width: 142px; }
.txtLineItem { text-align: right; }
.input-title { font-size: 12px; color: #b3acac; position: relative; top: 0px; }

.quick-qty-btn { text-align: center; text-decoration: none; vertical-align: middle; display: inline-block; border: 1px solid #bbbbbb; border-radius: 5px; width: 50%; height: 30px; background-color: transparent; }
.quick-qty-btn:active{ border: 1px solid #353535; }


#topBtn { display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; border: 1px solid #fff; background-color: #36558F; color: #ffffff; cursor: pointer; padding: 15px; border-radius: 10px; font-size: 18px; }
#topBtn:hover { background-color: #3f63a5; }

#bottomBtn { display: none; position: fixed; bottom: 20px; right: 100px; z-index: 99; border: 1px solid #fff; background-color: #36558F; color: #ffffff; cursor: pointer; padding: 15px; border-radius: 10px; font-size: 18px; }
#bottomBtn:hover { background-color: #3f63a5; }



.small-font { font-size: 12px; }
.fake-link { cursor: pointer; }


@media screen and (max-width: 800px) {
    .login-btn { width: 100px; }
    .login-btn-avatar { font-size: 40px; }
    .login-btn-text { font-size: 12px; }
}

@media screen and (max-width: 992px) {
    .show-big { display: none; }
    .show-small { display: block; }
}