body {
  background-color: #e0f1f7; }

#tableHolder {
  margin: auto; }

.tableHolderHeader {
  color: white;
  background-color: #3a7cac;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px; }

.tableHolderBody {
  background-color: #C8F1FD;
  border-left: 0.2px ridge;
  border-right: 0.2px ridge;
  border-color: #74B5E3; }

.tableHolderFooter {
  background-color: #3a7cac;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  color: white;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem; }

.container {
  flex-direction: column; }

#tableWidth {
  margin: 0px;
  padding: 0; }

.table {
  word-wrap: break-word; }

thead {
  display: block; }

tbody {
  display: block;
  overflow-y: scroll;
  height: calc(100vh - 18em);
  min-height: 5.8em; }

th,
td {
  width: 200px;
  vertical-align: top; }

.btn-custom {
  background-color: #3a7cac;
  border-color: #74B5E3;
  border-width: 3px;
  transition-duration: 0.4s;
  border-radius: 8px;
  color: white; }
  .btn-custom:hover {
    border-color: #74B5E3;
    background-color: #74B5E3;
    box-shadow: none;
    color: white; }
  .btn-custom:focus {
    border-color: #e0f1f7;
    background-color: #74B5E3;
    color: white;
    box-shadow: none; }
  .btn-custom:active {
    background-color: #e0f1f7;
    border-color: #e0f1f7;
    box-shadow: none !important;
    color: white; }

.btn-remove {
  background-color: white;
  border-color: none;
  border-width: 3px;
  transition-duration: 0.4s;
  color: black; }
  .btn-remove:hover {
    border-color: #74B5E3;
    background-color: #74B5E3;
    box-shadow: none;
    color: white; }
  .btn-remove:focus {
    border-color: #e0f1f7;
    background-color: #74B5E3;
    color: white;
    box-shadow: none; }
  .btn-remove:active {
    background-color: #e0f1f7;
    border-color: #e0f1f7;
    box-shadow: none !important;
    color: black; }

.colName {
  min-width: 94.85px; }

.colID {
  max-width: 7, 5em; }

.colBirthday {
  min-width: 7em; }

.colTel {
  min-width: 9em; }

.colConcent {
  min-width: 90px; }

.ColAmount {
  text-align: end; }

.ColCharities {
  min-width: 90px; }

.btn-close {
  width: 0.3em;
  height: 0.3em;
  background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>"); }

.offcanvas {
  height: 100vh;
  width: 400px; }

.offcanvas-header {
  background-color: #3a7cac;
  color: white; }

.offcanvas-body {
  background: white; }

@media only screen and (max-width: 575.98px) {
  .offcanvas {
    width: 100vh; } }

#offCanvasFooter {
  background-color: #3a7cac;
  padding: 0.8rem; }

.inlineLabel {
  margin-left: 12px; }

.form-group {
  margin-bottom: 1em; }

#offCanvasPaginationHolder {
  padding-top: 1em;
  background-color: #74B5E3; }

#offCanvasPagination {
  border: none; }

.nav-pagination {
  background-color: #74B5E3;
  border-color: #74B5E3;
  border-width: 3px !important;
  transition-duration: 0.4s;
  border-radius: 8px !important;
  color: white; }

.nav-tabs .nav-link.active,
.nav-tabs .nav-link:focus {
  background-color: #3a7cac;
  border-color: #74B5E3;
  box-shadow: none !important;
  color: white; }

.nav-tabs .nav-link.disabled {
  background-color: #74B5E3;
  border-color: #74B5E3;
  box-shadow: none !important;
  color: grey; }

.nav-tabs .nav-link:hover {
  border-color: #e0f1f7;
  background-color: #74B5E3;
  box-shadow: none !important;
  color: white; }

.nav-tabs .nav-link:focus {
  border-color: #3a7cac;
  background-color: #74B5E3;
  color: white;
  box-shadow: none; }

.calendarIcon {
  cursor: pointer; }

.tooltipCardError {
  margin-top: 4px;
  font-size: small;
  padding-top: 0px;
  padding-bottom: 0px;
  border-color: #dc3545; }

.tooltipCardSuccess {
  margin-top: 4px;
  font-size: small;
  padding-top: 0px;
  padding-bottom: 0px;
  border-color: green; }

.tooltipContentSuccess {
  color: green;
  margin-top: 0px;
  margin-bottom: 0px; }

.tooltipContentError {
  color: #dc3545;
  margin-top: 0px;
  margin-bottom: 0px; }

.tooltipContentInfo {
  margin-top: 0px; }

.fa-exclamation {
  margin-right: 5px;
  margin-left: 3px; }

.inlineLabelFix {
  margin-left: 0px; }

.cbx-custom {
  background-color: white;
  border-color: #74B5E3;
  transition-duration: 0.4s;
  color: white; }
  .cbx-custom:checked {
    background-color: #74B5E3;
    box-shadow: none;
    color: white;
    border-color: #3a7cac; }

.toast {
  background-color: white !important; }

.toast-header {
  background-color: #dc3545 !important;
  color: white; }

.small {
  color: white; }

.toast-i {
  font-size: 115%; }