@charset "utf-8";

/* CSS Document */

html,
body {
  font-family: "Lato", sans-serif;
  font-size: 16px;
  margin: 0px;
  padding: 0px;
}

nav {
  background: #ffffff;
  border-bottom: 1px solid #01b0f1;
  box-shadow:
    2px 2px 2px white inset,
    2px 2px 2px grey;
  text-align: center;
}

a {
  text-decoration: none;
}

.visually-hidden {
  position: absolute;

  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  margin: -1px;

  clip: rect(0 0 0 0);
  overflow: hidden;
  white-space: nowrap;
}

/* Style for Modal */
.modal-footer {
  justify-content: flex-start;
}

/* Datatable Style START */
tfoot {
  display: table-header-group;
  align-content: center;
  text-align: center;
}

thead {
  display: table-row-group;
}

.dataTables_wrapper .bottom {
  border-top: 1px solid #000;
}

.dataTables_wrapper .dataTables_length {
  padding-top: 0.5rem;
}

.dataTables_wrapper .dataTables_paginate {
  padding-top: 0.5rem;
}

table.dataTable thead th,
table.dataTable thead td {
  border-top: 1px solid #ccc;
}

table.dataTable tfoot th {
  /* border-top: 0; */
  border-top: 1px solid #ccc;
}

table.dataTable thead th {
  border-right: 1px solid #ccc;
}

table.dataTable thead th:first-child {
  border-left: 1px solid #ccc;
}

table.dataTable tfoot th {
  border-right: 1px solid #ccc;
  padding: 0.5rem;
}

table.dataTable tfoot th:first-child {
  /* border-top: 0; */
  border-left: 1px solid #ccc;
}

table.dataTable tfoot th input {
  overflow: visible;
  padding: 0.1rem;
  font-size: 12px;
  width: 100%;
}

/* Datatable Style END */

@media (min-width: 768px) {
  .dataTables_wrapper .bottom {
    border-bottom: 1px solid #000;
    border-top: 0;
  }
}

#cookies {
  background-color: #ccc;
}

.bootstrapSelect-is-invalid {
  border: 2px solid red !important;
}

.dtBgFeedback {
  background-color: #42c5f5 !important;
}