.office-pane { 
    background-image: url('../../asset/app/img/office1.png'); 
    background-repeat: no-repeat; 
    background-size: cover;
    background-color: rgba(255, 255, 255, .8);
    background-blend-mode: screen;
}
.office-pane:hover {
    opacity: 1;
}
.warehouse-pane { 
    background-image: url('../../asset/app/img/warehouse1.png'); 
    background-repeat: no-repeat; 
    background-size: cover;
    background-color: rgba(255, 255, 255, .1);
    background-blend-mode: color-dodge;
}
.warehouse-pane:hover {
    opacity: 1;
}
.fill-height { min-height: 100vh; height: auto !important; height: 100%;}
@media (max-width: 575.98px) { .fill-height { min-height: 50vh; height: auto !important; height: 50%; } }
.welcome { height: 100%; min-height: 82em; }

.cover-container { max-width: 42em; }
@media (min-width: 48em) { .navbar-brand { float: left; } .nav-item { float: right; } }
.form-signin { width: 100%; max-width: 330px; padding: 15px; margin: 0 auto; }
.form-signin .form-control { position: relative; box-sizing: border-box; height: auto; padding: 10px; font-size: 16px; }
.form-signin .form-control:focus { z-index: 2; }
.form-signin input[type="text"] { margin-bottom: -1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.form-signin input[type="password"] { margin-bottom: 10px; border-top-left-radius: 0; border-top-right-radius: 0; }
.no-gutters {margin-right: 0; margin-left: 0;}

.card .card-borderless { border: 0; margin: 0; padding: 0; box-shadow: none; }
.card .card-item { width: 200px; }
.card-deck .card { width: 200px; }
.container-fluid .container-fluid-less { padding: .5em; }
.nav-link { cursor: pointer; text-decoration-line: underline; }
.page-link { cursor: pointer;}
.sidebar { border: 0; } 
.sidebar .nav-link { font-weight: 500; color: #333; }
.sidebar .nav-link:hover { text-decoration-line: underline; }
.sidebar-heading { font-size: .75rem; text-transform: uppercase; }

/** Navbar */
.navbar-brand { padding-top: .5rem; padding-bottom: .5rem; font-size: 1.3rem; }
.navbar .form-control { padding: .75rem 1rem; border-width: 0; border-radius: 0; }
.form-control-dark { color: #fff; background-color: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .1); }
.form-control-dark:focus { border-color: transparent; box-shadow: 0 0 0 3px rgba(255, 255, 255, .25); }

.rTable { display: table; width: 100%; border: 1px solid #999; padding: 3px; }
.rTable-nb { display: table; width: 100%; border: none; margin: 0; padding: 0;}
.rTableRow { display: table-row; }
.rTableHeading { display: table-header-group; background-color: #999; font-weight: bold; }
.rTableBody { display: table-row-group; }
.rTableFoot { display: table-footer-group; }
.rTableCell, .rTableHead { display: table-cell; border: 1px solid #999; border-collapse: collapse; padding: 3px; }
.rTableCell-nb { display: table-cell; border: none; margin: 0; padding: 0px; }

.btn-sq-lg {
    width: 150px !important;
    height: 150px !important;
}

.btn-sq {
    width: 100px !important;
    height: 100px !important;
    font-size: 10px;
    padding: 10px;
}
.btn-sq:hover{
    border: 3px solid white;
    font-weight: 900;
}

.btn-sq-sm {
    width: 50px !important;
    height: 50px !important;
    font-size: 10px;
}

.btn-sq-xs {
    width: 25px !important;
    height: 25px !important;
    padding:2px;
}