html,
body {
    overflow-x: hidden; /* Prevent scroll on narrow devices */
}

body {
    background-color: #603f3d !important;
    width:100%;
    min-height:100%;
}

.loader {
    position: absolute;
    left: 50%;
    margin-left: -20px;
    top: 240px;
    color: #f79927;
    z-index: 1000;
}

.text-fixed-width {
    font-family: 'Roboto Mono', monospace;
}

.table tfoot {
    border-top: 3px double #ccc;
}

.btn-group-toggle a, .btn-group-toggle a:hover, .btn-group-toggle a:visited, .btn-group-toggle a:active {
    color: inherit;
}

.btn-group > .btn:not(:last-child) {
    margin-right: 2px;
}

tr.no-bottom-border td{
    border-bottom: none;
}

tr.no-top-border td {
    border-top: none;
}

@media (max-width: 991.98px) {
    .btn-group-toggle .btn {
        font-size: 0.8rem;
    }

    .offcanvas-collapse {
        position: fixed;
        top: 56px; /* Height of navbar */
        bottom: 0;
        left: 100%;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        overflow-y: auto;
        visibility: hidden;
        background-color: #fff;
        transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out, visibility .3s ease-in-out;
        transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
    }

        .offcanvas-collapse.open {
            visibility: visible;
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
        }
}

.nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
}

    .nav-scroller .nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        color: rgba(255, 255, 255, .75);
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

.nav-underline .nav-link {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: .875rem;
    color: #6c757d;
}

    .nav-underline .nav-link:hover {
        color: #007bff;
    }

.nav-underline .active {
    font-weight: 500;
    color: #343a40;
}

.navbar-nav .nav-item {
    margin-right: 20px;
    font-size: 0.85rem;
}
    .navbar-nav .nav-item i {
        color: #f79927;
    }
.navbar-nav .nav-item {
    padding-bottom: 1px; /* Add 1 pixel of padding on the bottom to account for the border on hover */
}
.navbar-nav .nav-item.active, .navbar-nav .nav-item:hover {
    border-bottom: 1px solid #f79927;
    padding-bottom: 0px;
}

.text-white-50 {
    color: rgba(255, 255, 255, .5);
}

.bg-orange {
    background-color: #f79927;
}
.text-white-50.bg-orange small {
    color: rgba(255, 255, 255, .8);
    font-weight: bold;
}

.lh-100 {
    line-height: 1;
}

.lh-125 {
    line-height: 1.25;
}

.lh-150 {
    line-height: 1.5;
}



.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}

/* DataTables */
button.dt-button, div.dt-button, a.dt-button {
    padding: 0 1em;
}

/* #region Custom dropdown (used for time entry client/project/build) */

/* Custom dropdown wrapper */
.custom-select-wrapper {
    position: relative;
}
/* Custom dropdown */
.custom-select-body {
    position: absolute;
    left: 0;
    right: 0;
    overflow: auto;
    z-index: 1;
    max-height: calc(max(60vh, 10lh));
    cursor: default;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0.2rem;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
}
/* Custom dropdown section headings */
.custom-select-section,
.custom-select-subsection {
    position: sticky;
    top: 0;
    background-color: #fff;
    width: 100%;
}
.custom-select-subsection {
    top: calc(1lh + 0.5rem);
}
/* Custom dropdown item */
.custom-select-item {
    cursor: pointer;
    scroll-margin-top: calc(3lh + 1.5rem);
    scroll-margin-bottom: calc(1lh + 0.5rem);
}
/* Custom dropdown item that is currently selected */
.custom-select-item-selected {
    background-color: #ccc;
}
/* Custom dropdown item that is currently hovered */
.custom-select-item:hover {
    background-color: #666;
    color: #fff;
}
/* Custom dropdown item that is currently selected with arrow keys */
.custom-select-item-focused {
    background-color: #999;
    color: #fff;
}
/* Custom dropdown favourite icon */
.custom-select-item-favourite-icon {
    display: none;
}
/* Custom dropdown favourite icon when the custom select item is hovered */
.custom-select-item:hover .custom-select-item-favourite-icon {
    display: block;
}

/* #endregion */