@CHARSET "UTF-8";

html {
    position: relative;
    min-height: 100%;
}

body {
    padding-top: 140px;
    margin-bottom: 60px;
    background-color: #ede7de;
}

h4, h5 {
    color: green !important;
}

#wrap {
    min-height: 100%;
    height: auto;
    /* Negative indent footer by its height */
    margin: 0 auto -60px;
    /* Pad bottom by footer height */
    padding: 0 0 60px;
}

.btn-outline {
    color: #fff;
    background-color: #404040;
    border-color: #000;
}

.btn-outline:hover {
    color: #fff;
    background-color: #2D7B74;
    border-color: #000;
}

.striped-row {
    background-color: rgb(245, 230, 200);
}
.striped-row:nth-child(even) {
    background-color: rgb(225, 210, 200);
}

.bg-box-colour {
    background-color: #ffffff;
}

.bg-disabled-colour {
    background-color: #e9ecef;
}

.custom-gray-colour {
    background-color: #eaeaea !important;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: rgb(245, 230, 200);
}

.table-striped > tbody > tr:nth-child(even) > td,
.table-striped > tbody > tr:nth-child(even) > th {
    background-color: rgb(225, 210, 200);
}

.navbar-custom {
    color: #000000;
    background-color: #ffffff;
}

.navbar-custom-scanning {
    color: #000000;
    background-color: #f99dc6;
}

.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:focus .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #eeee00;
    background-color: #006f00;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer */
    height: 60px;
    line-height: 60px; /* Vertically center the text */
    color: #ffffff;
    background-color: #000000;
}