/**
 * Code generated by Microsoft. Changes to this file are not
 * supported. We recommend that you do not to modify this file. Any
 * change to this file will get overwritten with a theme applied using
 * Theme panel from Power Apps Portals.
 */
body {
  color: #000000;
  background-color: #ffffff;
}

legend {
  color: #000000;
}

footer {
  color: #E9E9E9
}
footer .footer-bottom {
  background-color: var(--primary-color);
}

.breadcrumb {
  background-color: transparent;
}
.breadcrumb > li a {
  color: var(--primary-color);
}
.breadcrumb > li a:hover {
  color: var(--primary-color);
}
.breadcrumb > .active {
  color: #000000;
}

.nav-tabs > li > a:hover {
  background-color: #f2f2f2;
  color: var(--primary-color);
}

.nav-tabs > li > a:focus {
  background-color: #f2f2f2;
  color: var(--primary-color);
}
.survey-export{
  background: #217346 !important;
    border-color: #217346 !important;
  color: white !important;
}
.survey-export:focus, .survey-export.focus {
    color: #ffffff;
    background-color: #217346 !important;
    border-color: #217346 !important;
}

.btn-default {
  color: var(--primary-color);
  background-color: #ffffff;
  border-color: var(--primary-color);
}
.btn-default:hover {
  color: var(--primary-color);
  background-color: #f2f2f2;
  border-color: var(--primary-color);
}
.btn-default:active,
.btn-default.active {
  color: var(--primary-color);
  background-color: #f2f2f2;
  border-color: var(--primary-color);
}
.btn-default:active:hover,
.btn-default:active:focus,
.btn-default:active.focus,
.btn-default.active:hover,
.btn-default.active:focus,
.btn-default.active.focus {
  color: var(--primary-color);
  background-color: #f2f2f2;
  border-color: var(--primary-color);
}
.btn-default:focus,
.btn-default.focus {
  color: var(--primary-color);
  background-color: #f2f2f2;
  border-color: var(--primary-color);
}

.btn-primary {
  color: #ffffff;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.btn-primary:hover {
  color: #ffffff;
  background-color: #2790ec;
  border-color: #2790ec;
}
.btn-primary:active,
.btn-primary.active {
  color: #ffffff;
  background-color: #2790ec;
  border-color: #2790ec;
}
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active.focus,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus {
  color: #ffffff;
  background-color: #2790ec;
  border-color: #2790ec;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #ffffff;
  background-color: #2790ec;
  border-color: #2790ec;
}

.navbar-static-top.navbar-inverse {
  background-color: var(--primary-color)
}

.navbar-toggle {
  background-color: var(--primary-color);
}

.navbar-inverse .navbar-toggle {
  border: 1px solid var(--primary-color);
}
.navbar-inverse .navbar-toggle:hover {
  background-color: #1483e5;
}
.navbar-inverse .navbar-toggle:focus {
  border: 1px solid #000000;
  background-color: #1483e5;
}

.navbar-inverse .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-inverse .navbar-nav > li > a:hover {
  background-color: var(--primary-color);
  color: #ffffff;
  border-bottom-color: #ffffff;
}
.navbar-inverse .navbar-nav > li > a:focus {
  background-color: var(--primary-color);
  color: #ffffff;
}

.navbar-inverse .navbar-nav > .open > a {
  color: #ffffff;
  background-color: var(--primary-color);
}
.navbar-inverse .navbar-nav > .open > a:hover {
  color: #ffffff;
  background-color: var(--primary-color);
}
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: var(--primary-color);
}

.navbar-inverse .navbar-nav .open .dropdown-menu {
  background-color: #ffffff;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
  color: var(--primary-color);
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
  color: #ffffff;
  background-color: var(--primary-color);
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
  background-color: #ffffff;
  color: var(--primary-color);
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a {
  color: #ffffff;
  background-color: var(--primary-color);
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
  color: #ffffff;
  background-color: var(--primary-color);
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #ffffff;
  background-color: var(--primary-color);
}

.nav > li > a:hover {
  background-color: #f2f2f2;
}

.nav > li > a:focus {
  background-color: #f2f2f2;
}

.nav .open .dropdown-menu {
  background-color: #ffffff;
}
.nav .open .dropdown-menu > li > a {
  color: var(--primary-color);
}
.nav .open .dropdown-menu > li > a:hover {
  background-color: var(--primary-color);
  color: #f2f2f2;
}
.nav .open .dropdown-menu > li > a:focus {
  background-color: var(--primary-color);
  color: #f2f2f2;
}
.nav .open .dropdown-menu > .active > a {
  background-color: var(--primary-color);
  color: #f2f2f2;
}
.nav .open .dropdown-menu > .active > a:hover {
  background-color: var(--primary-color);
  color: #f2f2f2;
}
.nav .open .dropdown-menu > .active > a:focus {
  background-color: var(--primary-color);
  color: #f2f2f2;
}

.nav > .open > a {
  background-color: #f2f2f2;
}
.nav > .open > a:hover {
  background-color: #f2f2f2;
}
.nav > .open > a:focus {
  background-color: #f2f2f2;
}

.sectionPrimaryColor {
  background-color: var(--primary-color);
  color: #ffffff;
}
.sectionPrimaryColor h1,
.sectionPrimaryColor h2,
.sectionPrimaryColor h3,
.sectionPrimaryColor h4,
.sectionPrimaryColor h5,
.sectionPrimaryColor h6 {
  color: #ffffff;
}
.sectionPrimaryColor .crmEntityFormView h1,
.sectionPrimaryColor .crmEntityFormView h2,
.sectionPrimaryColor .crmEntityFormView h3,
.sectionPrimaryColor .crmEntityFormView h4,
.sectionPrimaryColor .crmEntityFormView h5,
.sectionPrimaryColor .crmEntityFormView h6 {
  color: #000000;
}
.sectionPrimaryColor .entitylist h1,
.sectionPrimaryColor .entitylist h2,
.sectionPrimaryColor .entitylist h3,
.sectionPrimaryColor .entitylist h4,
.sectionPrimaryColor .entitylist h5,
.sectionPrimaryColor .entitylist h6 {
  color: #000000;
}

a {
  color: var(--primary-color);
  text-decoration: underline;
}
a:hover {
  color: var(--primary-color);
  text-decoration: none;
}
a:focus {
  color: var(--primary-color);
  text-decoration: underline;
}

.open > .btn-default.dropdown-toggle {
  color: var(--primary-color);
  background-color: #e6e6e6;
  border-color: var(--primary-color);
}

.open > .btn-primary.dropdown-toggle {
  color: #ffffff;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus {
  color: #ffffff;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.crmEntityFormView,
.entitylist,
.modal-content,
.popover-content {
  background-color: #ffffff;
  color: var(--primary-color);
  border: 1px solid #f2f2f2;
}

.panel-default > .panel-body,
.list-group-item {
  background-color: #ffffff;
  color: #000000;
}

.panel-default > .panel-heading {
  background-color: #f2f2f2;
  color: #000000;
}

.facet-list-group-item-title {
  color: #000000;
}

.form-control {
  /* background-color: #ffffff !important; */
  color: var(--primary-color);
}

input {
  background-color: #ffffff;
}

.bootstrap-datetimepicker-widget {
  background-color: #ffffff;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td span:hover {
  color: black;
}
.bootstrap-datetimepicker-widget table td.active:hover,
.bootstrap-datetimepicker-widget table td span.active:hover {
  color: white;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: unset;
}

.login-heading-section {
  color: unset;
}

.navbar-static-top.navbar-inverse .navbar-brand a {
  color: #000000;
}

.search-results .highlight {
  color: #000000;
}

.table > thead > tr.info > td {
  background-color: #f2f2f2;
}

.table > thead > tr.info > th {
  background-color: #f2f2f2;
}

.table > thead > tr > td.info {
  background-color: #f2f2f2;
}

.table > thead > tr > th.info {
  background-color: #f2f2f2;
}

.table > tbody > tr.info > td {
  background-color: #f2f2f2;
}

.table > tbody > tr.info > th {
  background-color: #f2f2f2;
}

.table > tbody > tr > td.info {
  background-color: #f2f2f2;
}

.table > tbody > tr > th.info {
  background-color: #f2f2f2;
}

.table > tfoot > tr.info > td {
  background-color: #f2f2f2;
}

.table > tfoot > tr.info > th {
  background-color: #f2f2f2;
}

.table > tfoot > tr > td.info {
  background-color: #f2f2f2;
}

.table > tfoot > tr > th.info {
  background-color: #f2f2f2;
}

.table-hover > tbody > tr:hover {
  background-color: #f2f2f2;
}

.table-hover > tbody > tr > td.info:hover {
  background-color: #f2f2f2;
}

.table-hover > tbody > tr > th.info:hover {
  background-color: #f2f2f2;
}

.table-hover > tbody > tr.info:hover > td {
  background-color: #f2f2f2;
}

.table-hover > tbody > tr.info:hover > th {
  background-color: #f2f2f2;
}

.table-hover > tbody > tr:hover > .info {
  background-color: #f2f2f2;
}

.form-close {
  color: #000000;
}
.form-close:hover {
  color: #000000 !important;
}
.form-close:focus {
  color: #000000 !important;
}

::placeholder {
  color: var(--primary-color) !important;
  opacity: .75;
}

.help-block {
  color: #000000;
}

.msos-selection-container,
.msos-container,
.msos-caret-container,
.msos-action-buttons:hover {
  color: #000000 !important;
  background: #ffffff !important;
}

.msos-option-selected,
.msos-selected-display-item,
.msos-quick-delete,
.msos-quick-delete:hover {
  background: #f2f2f2 !important;
}

.msos-label,
.msos-quick-delete,
.msos-quick-delete:hover {
  color: #000000 !important;
}

.msos-option-focused:after,
.msos-selecteditems:focus .msos-selected-display-item.msos-selecteditem-active:after,
.msos-selecteditems-toggle:focus {
  border-color: #000000 !important;
}

.msos-option:hover,
.msos-option-selected:hover {
  background: #f9f9f9 !important;
}

.msos-selecteditems-toggle {
  color: var(--primary-color) !important;
}

/**BOOTSTRAP OVERRIDES**/
.btn, .nav a {
  text-decoration: none;
}