body
{
    padding-top:60px;
}

.navbar-dark .fas, .navbar-dark .navbar-text
{
    color:white;
}

.navbar-dark A.nav-link
{
    color:white !important;
}

.navbar-dark A.nav-link:hover
{
    color:#E0E0E0 !important;
}

.navbar-dark A.nav-link.active
{
    text-shadow:1px 0 0 white;
}

.navbar-dark A.nav-link.active i
{
    text-shadow:none;
}

.content_header
{
    margin:20px 0;
    background-color:#E5E5E5;
    padding:4px 20px 8px;
    border-radius:3px;
}

.alertbar.alert
{
    position:fixed !important;
    top:8px;
    left:50%;
    z-index:999999;
    width:40%;
    margin-left:-20%;
    padding:5px 12px 7px;
    list-style:none;
    display:none;
}

.alert button.close
{
    margin-right:-15px;
    line-height:0.3;
}

.modal-body select:not([multiple="multiple"]), .modal-body input:not([type="checkbox"]), .modal-body button
{
    height:2.4em !important;
}

#employees_table .icon_add
{
    margin-left:5px;
}

.icon_add
{
    color:#00A000;
    cursor:pointer;
}

.icon_remove
{
    color:grey;
}

.icon_edit
{
    color:darkorange;
}

.icon_yes
{
    color:#00A000;
}

.icon_no
{
    color:#F00000;
}

.icon_unlocked
{
    color:#00A000;
}

.icon_locked
{
    color:#F00000;
}

.icon_history
{
    color:darkblue;
    cursor:pointer;
}

span[data-toggle="tooltip"]
{
    border-bottom:1px dashed #333333;
    cursor:help;
}

.pagination .page-item.active .page-link
{
    cursor:default;
}

table.dataTable
{
    border-collapse:collapse !important;
}

.datatable_container
{
    position:relative;
    width:100%;
}

.dataTables_processing
{
    width:350px !important;
    margin-left:-200px !important;
    z-index:1 !important;
    top:60px !important;
}

.dataTables_processing .alert
{
    border:1px solid #8A6D3B;
}

table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc
{
    color:#FEFBA9;
}

table.dataTable thead :before, table.dataTable thead :after
{
    top:5px !important;
}

.dataTables_paginate
{
    flex-grow:1;
    padding-top:10px;
}

.dataTables_info
{
    margin-top:-10px;
}

.modal-header, .modal-footer
{
    padding:0.4rem 1rem 0.6rem;
}

.modal-body
{
    padding:0.5rem 1rem;
}

.modal .form-group
{
    margin-bottom:0.35rem;
    margin-top:0.35rem;
}

.modal .invalid-tooltip
{
    font-size:10px;
    padding-top:2px;
    padding-bottom:2px;
    right:0;
    top:13px;
}

.rq
{
    color:red;
}

.loading_mask
{
    z-index:999;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.2);
    display:none;
}

.loading_mask svg
{
    font-size:45px;
    position:relative;
    top:50%;
    left:50%;
    margin-left:-22px;
    margin-top:-22px;
}

.hidden_file_upload input[type=file]
{
    display:none;
}

.inline_form
{
    display:flex;
    align-items:flex-end;
}

.inline_form label
{
    margin-bottom:0;
}

.inline_form .invalid-tooltip
{
    top:13px;
    right:0;
    font-size:55%;
}

.show_hourly, .show_non_hourly
{
    display:none !important;
}

#hours_edit_modal.hourly .show_hourly, #hours_edit_modal.non_hourly .show_non_hourly
{
    display:inline !important;
}

#hours_edit_modal.non_hourly input[name="start_time_date"]
{
    width:100% !important;
}

.modal.loading .loading_mask
{
    display:block;
}

.modal.loading .modal-body, .modal.loading .modal-header, .modal.loading .modal-footer
{
    visibility:hidden;
}

#employee_history_edit_form label
{
    margin-right:10px;
}