.logo{
  margin-top: auto;
  margin-left: 1rem;
  height: 120%;
}

:root {
  --custom-color: #00457c;
  --custom-color-light: #0079c1;
}

.navbar-inverse,
.panel-default > .panel-heading,
.bg-primary {
  background-color: var(--custom-color);
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
  color: white;
}

.navbar-inverse .active .close,
.navbar-inverse .active .close:hover,
.navbar-inverse .active .close:focus {
  background-color: transparent !important;
}

.navbar-inverse .navbar-nav > .active > a ,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  background-color: color-mix(in srgb, var(--custom-color) 80%, black);
}

input[type="checkbox"]:checked:after,
.checkbox input[type="checkbox"]:checked:after,
.checkbox-inline input[type="checkbox"]:checked:after,
input[type="checkbox"]:indeterminate:after,
.checkbox input[type="checkbox"]:indeterminate:after,
.checkbox-inline input[type="checkbox"]:indeterminate:after {
    background-color: var(--custom-color-light) !important;
    border-color: var(--custom-color-light) !important;
}

.modal-header {
  background-color: var(--custom-color);
}

.btn-primary {
  background-color: var(--custom-color-light);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: color-mix(in srgb, var(--custom-color-light) 80%, black) !important;
  background-image: none !important;
}

.alert-info {
  background-color: color-mix(in srgb, var(--custom-color-light) 70%, white) !important;
}


.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus:hover,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus:hover {
  color: var(--custom-color) !important;
  -webkit-box-shadow: inset 0 -2px 0 var(--custom-color) !important;
  box-shadow: inset 0 -2px 0 var(--custom-color) !important;
}

a{
  color: var(--custom-color);
}

.panel-default > .panel-heading .badge {
  color: var(--custom-color-light);
}


.table > thead > tr > td.selected,
.table > tbody > tr > td.selected,
.table > tfoot > tr > td.selected,
.table > thead > tr > th.selected,
.table > tbody > tr > th.selected,
.table > tfoot > tr > th.selected,
.table > thead > tr.selected > td,
.table > tbody > tr.selected > td,
.table > tfoot > tr.selected > td,
.table > thead > tr.selected > th,
.table > tbody > tr.selected > th,
.table > tfoot > tr.selected > th {
  background-color: color-mix(in srgb, var(--custom-color-light) 40%, transparent);
}

.table-hover > tbody > tr > td.selected:hover,
.table-hover > tbody > tr > th.selected:hover,
.table-hover > tbody > tr.selected:hover > td,
.table-hover > tbody > tr:hover .selected,
.table-hover > tbody > tr.selected:hover > th {
  background-color: color-mix(in srgb, var(--custom-color-light) 50%, transparent);
}