/* This file only contains brand colors and styles related to nqaits.
   Code by Safwan.Karim@sentientdynamics.com.au - Sentient Dynamics
 */

 @import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap');

   /* nqaits styles */
   /*
:root {
  --nqaits-font-family: "Source Sans Pro","Gill Sans Nova W01", Arial, Helvetica, sans-serif;
  --nqaits-color-primary: #0068ac;
  --nqaits-color-dark: #005e9d;
  --nqaits-color-secondary: #9dcbe4;
  --nqaits-color-tble-row: #f4f6f8;
  --nqaits-color-hover: #0081d5;
  --nqaits-color-accent: #ff5431;
  --nqaits-color-text: #181818;
  --nqaits-body-font-size: 16px;
}*/

/*
@font-face {
  font-family: "Source Sans Pro";
  src: url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap");
}
*/

/* body text style*/
body,
li,
p {
  font-family: var(--nqaits-font-family) !important;
  color: var(--nqaits-color-text);
  font-size: var(--nqaits-body-font-size);
}

.crmEntityFormView,
.entitylist,
.modal-content,
.popover-content {
  color: var(--nqaits-color-text);
  font-family: var(--nqaits-font-family) !important;
}

/*====================================== HEADER COLORS ======================================*/

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--nqaits-color-dark);
  font-family: var(--nqaits-font-family) !important;
  -webkit-font-smoothing: antialiased;
}

a {
  font-family: var(--nqaits-font-family) !important;
  -webkit-font-smoothing: antialiased;
}


/*====================================== LINK COLORS ======================================*/
a,
.breadcrumb > li a {
  color: var(--nqaits-color-primary);
}

a:hover,
.breadcrumb > li a:hover {
  color: var(--nqaits-color-hover);
}

/*====================================== BUTTON COLORS ======================================*/
button,
.btn.btn-primary,
.btn.btn-primary.button,
.btn-default,
.submit-btn,
#submit-redeem-invitation,
.input-group-btn:last-child > .btn {
  background-color: var(--nqaits-color-primary);
  color: var(--bs-white);
}
button:active,
button:hover,
button:focus,
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn.btn-primary:focus,
.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary.button:focus,
.btn.btn-primary.button:hover,
.btn.btn-primary.button:active,
.submit-btn:hover,
.submit-btn:active,
.submit-btn:focus,
#submit-redeem-invitation:hover,
#submit-redeem-invitation:active,
#submit-redeem-invitation:focus,
.input-group-btn:last-child > .btn:focus,
.input-group-btn:last-child > .btn:hover,
.input-group-btn:last-child > .btn:active {
  background-color: var(--nqaits-color-hover);
  color: var(--bs-white);
}

#btnCancel,
.previous-btn,
#btnInfoClose,
#btnClose,
#cleardocuments,
.cancel.btn.btn-default,
.btn[disabled] {
  background-color: var(--bs-gray-100);
  color: var(--nqaits-color-text);
  border-color: var(--bs-gray-400);
}

#btnCancel:hover,
#btnCancel:focus,
.previous-btn:hover,
.previous-btn:focus,
#btnInfoClose:hover,
#btnInfoClose:focus,
#btnClose:hover,
#btnClose:focus,
#cleardocuments:hover,
#cleardocuments:focus,
.cancel.btn.btn-default:hover,
.cancel.btn.btn-default:focus {
  background-color: var(--bs-gray-300);
  color: var(--bs-black);
  border-color: var(--bs-gray-300);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  background-color: var(--bs-gray-700);
  color: var(--bs-white);
  border-color: var(--bs-gray-800);
}

.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus,
.btn[disabled]:focus,
.btn[disabled]:hover {
  background-color: var(--bs-gray-600);
  color: var(--bs-white);
  border-color: var(--bs-gray-700);
}

input::file-selector-button {
  background-color: #e7e7e7;
}

input::file-selector-button:hover {
  background-color: #dde0e3;
}

/*====================================== PROGRESS BAR COLORS ======================================*/
.progress.list-group.left {
  border: 1px solid var(--bs-gray-300);
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background-color: var(--nqaits-color-primary);
  color: var(--bs-white);
  border-color: var(--nqaits-color-primary);
}

ol.progress li.incomplete {
  background-color: var(--bs-gray-100);
  color: var(--nqaits-color-text);
}

/*====================================== NAVBAR COLORS ======================================*/

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
  background-color: var(--nqaits-color-hover);
  color: white;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav .open .dropdown-menu,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus,
.navbar-inverse .navbar-toggle {
  background-color: var(--nqaits-color-primary);
  color: white;
}

.navbar-inverse .navbar-toggle:hover {
  background-color: var(--nqaits-color-hover);
  color: white;
}

.navbar-inverse .navbar-toggle:focus {
  background-color: var(--nqaits-color-primary);
  color: white;
}

/*====================================== TABLE COLORS ======================================*/
thead:not(.datepicker thead) {
  background: var(--nqaits-color-dark);
}

table[data-name="section_operationalhours"] th,
.ui-timepicker th {
  color: black;
}

table[role="grid"] tbody > tr:nth-child(odd) {
  background-color: var(--nqaits-color-tble-row);
}

table[role="grid"] tbody > tr:nth-child(odd):hover {
  background-color: #f2f2f2;
}

th,
th a {
  color: white;
}

th a:hover,
th a:focus,
th a:active {
  color: #e5e5e5;
}

/* no header color for provider and service details tables on forms */
.form-provider-details-tbl thead,
.form-service-details-tbl thead {
  background-color: white;
}

.form-provider-details-tbl th,
.form-provider-details-tbl th a,
.form-service-details-tbl th,
.form-service-details-tbl th a {
  color: white;
}

.pagination > .active > a,
.pagination > .active > span {
  background-color: var(--nqaits-color-primary) !important;
  color: var(--bs-white);
}

.pagination a:hover,
.pagination a:focus,
.pagination span:hover,
.pagination span:focus,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  background-color: var(--nqaits-color-hover) !important;
  color: var(--bs-white) !important;
}

a.selected-view.dropdown-toggle:hover,
a.selected-view.dropdown-toggle:focus {
  background-color: var(--bs-gray-200);
  color: var(--nqaits-color-primary);
}

.nav .open .dropdown-menu > li > a:hover,
.nav .open .dropdown-menu > .active > a:hover {
  background-color: var(--nqaits-color-hover);
  color: var(--bs-white);
}
.nav .open .dropdown-menu > li > a:focus,
.nav .open .dropdown-menu > .active > a {
  background-color: var(--nqaits-color-dark);
  color: var(--bs-white);
}

/*

#Subgrid_applicationcontact
  > div
  > div.view-grid.table-responsive
  > table
  > thead
  > tr
  > th:nth-child(2)
  > a {
  color: red;
} */
/*====================================== FOOTER COLORS ======================================*/

footer .footer-bottom {
  background: var(--nqaits-color-primary);
  /*margin-top: 12rem;*/
  padding:0;
}

footer .footer-bottom p {
  color: white;
}

.nav > li > a:hover {
  background-color: var(--nqaits-color-hover);
}

.nav > li > a:focus {
  background-color: var(--nqaits-color-primary);
}

footer .footer-bottom a {
  color: white;
}

/*====================================== Highlighted Text ======================================*/

.form-helper-text-highlighted {
  color: #8a6d3b;
  background-color: #f7f7f7;
  border-color: #faebcc;
  border-left: solid 5px #fbd27c !important;
}

.helper-text-highlighted {
  color: #8a6d3b;
  background-color: #f7f7f7;
  border-color: #faebcc;
  border-left: solid 5px #fbd27c !important;
}

.errorFont {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.errorFont {
  padding: 15px;
  margin-bottom: 1rem;
  margin-top: 1rem;
  border: 1px solid transparent;
  border-radius: 4px;
}

/*====================================== Tile ======================================*/

.tile {
  /* background: blanchedalmond; */
}

.tile-icon {
  color: var(--bs-gray-700);
}

.tile-label {
  color: var(--nqaits-color-primary);
}

.tile-sub-label {
  color: var(--bs-gray-600);
}

.tile-overflow a {
  color: var(--bs-gray-600) !important;
}

/*====================================== JUMBOTRON ======================================*/
.jumbotron {
  background-color: var(--nqaits-color-primary);
  color: white;
}

/*====================================== BS SELECT PICKER ======================================*/

.dropdown-menu > .active > a {
  background-color: var(--nqaits-color-primary);
}

.dropdown-menu > .active > a:hover,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: var(--nqaits-color-hover);
  color: white;
}

.bootstrap-select > .dropdown-toggle,
.bootstrap-select > .dropdown-toggle:hover,
.bootstrap-select > .dropdown-toggle:focus,
.bootstrap-select > .dropdown-toggle:active {
  color: black !important;
  background-color: white !important;
}

.dropdown-item:hover .text-muted,
.dropdown-item.active.selected .text-muted,
.dropdown-item.active .text-muted {
  color: white !important;
}

.open > .btn-default.dropdown-toggle {
  color: white !important;
  background-color: var(--nqaits-color-dark) !important;
  border-color: var(--nqaits-color-dark) !important;
}