html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
}

body {
    background-color: #f1f1f1;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.main-content {
    margin-bottom: 87px;
}

a {
    text-decoration: none !important;
}

a:hover {
    text-decoration: underline !important;
}

.footer {
    height: 4rem;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #e4e4e4;
    color: #55595c;
}

.false {
    color: #e04f3c;
}

.true {
    color: #4acb68;
}

.container-fluid {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
}

.navbar {
    padding: 0;
}

.navbar-dark {
    background-color: #252830;
}

.navbar-light {
    background-color: #fff;
}

#status-report-chart {
    max-height: 300px;
}

.navbar-brand img {
    height: 2.15rem;
    margin: 0.6875rem 0;
}

a,
.page-link {
    color: #0d64a2;
}

.navbar .navbar-collapse .navbar-nav {
    min-width: 100%;
}

h3 {
    font-size: 1.429rem;
}

.card-danger {
    background-color: #f2dede;
    border-color: #ebcccc;
    color: #a94442;
}

/* tables  */

.table th {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.2);
    font-weight: normal;
    background-color: #5d6478;
    color: #eceeef;
    padding: 0;
    position: relative;
    line-height: normal;
}

.table thead tr th {
    padding: 0;
}

.table th a {
    color: #eceeef;
    padding: 0.7rem 0.8rem;
    display: block;
}

.table th a:hover {
    color: #eceeef;
    text-decoration: underline;
}

.table tbody {
    font-size: 0.857rem;
}

tr.odd {
    background-color: #f7f7f7;
}

.table-striped>tbody>tr:nth-of-type(2n+1)>* {
    --bs-table-accent-bg: #fff;
}

.table> :not(caption)>*>* {
    border: none;
}

.table td {
    border-top: none;
}

.table thead tr th.action-checkbox-column {
    width: 2rem;
    padding: 0;
}

.table tbody tr td {
    padding: 0.4rem 0.8rem;
}

/* forms */

.form-control-label {
    margin: 0;
    line-height: 1.25rem;
    text-align: right;
    background-color: #fff;
    padding-top: 1.3rem;
    padding-bottom: 0.9rem;
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: 1px solid #eeeeee;
}

.form-control-wrapper {
    padding-top: 0.75rem;
    padding-bottom: 0.5rem;
}

.form-control-wrapper .form-text {
    margin-top: 0.5rem;
}

.required label {
    font-weight: bold;
}

.required label::after {
    content: "*";
    margin: 0 0 0 5px;
    position: absolute;
    color: #ccc;
}

.form-row label {
    font-size: 0.929rem;
}

/* pagination */

.page-item .page-link {
    font-size: 1rem;
    padding: 0.5rem;
    background-color: #fff;
    line-height: normal;
    min-width: 2.3rem;
    text-align: center;
    margin-left: -0.1rem;
}

.page-item.active .page-link {
    background-color: #5d6478;
    color: #fff;
    border: none;
}

/* tabs */

.nav-tabs {
    margin-bottom: 1rem;
}

.nav-tabs .nav-link {
    padding: 0.65em 1.5em;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
    border-radius: 0;
    color: #0056b3;
}

.nav-tabs .nav-link:hover {
    text-decoration: none !important;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #91b6d0 #91b6d0 #ddd;
}

.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #ddd #ddd transparent;
}

.nav-tabs .nav-link {
    background-color: #f1f1f1;
}

.nav-tabs .nav-item {
    margin-left: 0.3rem;
}

.form-row {
    background-color: #f6f6f6;
    margin-left: 5px;
    margin-right: 5px;
}

.card-footer {
    background-color: #f7f7f7;
}

.empty-form {
    display: none;
}

div.form {
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 1rem;
}

.formset-inline .table th {
    padding: 0.7rem 0.8rem;
}

.formset-inline .table td {
    padding: 0.3rem;
}

.formset-inline .form-check label {
    display: none;
}

.formset-inline .form-check {
    text-align: center;
}

.table th.asc a:after {
    content: "\f078";
    float: right;
    font-family: FontAwesome;
}

.table th.desc a:after {
    content: "\f077";
    float: right;
    font-family: FontAwesome;
}

/* buttons */

.btn-primary {
    color: #fff;
    background-color: #4298de;
    border-color: #4298de;
}

.btn-primary:hover {
    color: #fff;
    background-color: #237fca;
    border-color: #227ac1;
}

.btn-secondary {
    color: #373a3c;
    background-color: #fff;
    border-color: #ccc;
}

.btn-secondary:hover {
    color: #373a3c;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.btn-success {
    color: #fff;
    background-color: #4acb68;
    border-color: #4acb68;
}

.btn-success:hover {
    color: #fff;
    background-color: #32b050;
    border-color: #30a84c;
}

.btn-danger {
    color: #fff;
    background-color: #e04f3c;
    border-color: #e04f3c;
}

.btn-danger:hover,
.btn-outline-danger:hover {
    color: #fff;
    background-color: #c93420;
    border-color: #c0311f;
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de;
}

.btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #2aabd2;
}

.footer>.container-fluid {
    padding: 1rem 1.875rem;
}

/* Needed to hide <br> in inline file field */

label.sr-only+br {
    display: none;
}

.login .card {
    border-radius: 4px;
    overflow: hidden;
    width: 342px;
    border: none;
    margin-top: 15vh;
}

.login .card img {
    height: 30px;
}

/* select2 fixes */
.select2-container--bootstrap4 .select2-selection__clear {
    line-height: 0.9em;
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
    margin-top: 0.375rem;
}

/* end select2 fixes */

/* imagepicker */
ul.thumbnails.image_picker_selector {
    min-width: 780px;
}

ul.thumbnails.image_picker_selector li {
    float: none;
    display: inline-block;
    margin: 0 0.2rem 0.2rem 0;
    cursor: pointer;
}

/* end imagepicker */

.form-check label {
    padding: 0;
    width: 100%;
    text-align: left;
    background: none;
    border: none;
}

.form-row .col-4.offset-sm-2 {
    margin: 0;
    padding: 0;
}

.form-row .col-4.offset-sm-2 {
    display: flex;
    width: 100%;
}

.form-row .col-4.offset-sm-2::before {
    content: "";
    background-color: white;
    width: 16.66%;
    padding-top: 1.3rem;
    padding-bottom: 1.9rem;
    margin-right: 0.75rem;
    border-bottom: 1px solid #eeeeee;
}

.form-row .col-4.offset-sm-2 .form-check {
    padding-top: 0.8rem;
}

.form-check-input:checked {
    background-color: #5bb0ed;
    border-color: #5bb0ed;
}

.datepicker.dropdown-menu{
    z-index: 9999 !important;
}

.text-bold {
    font-weight: bold;
}