body.applications {
  padding-bottom:24px;
}
header .nav .nav-link.active,
a.help {
  cursor:pointer;
}
a.navbar-brand {
  font-size:0.9rem;
  line-height:0.8rem;
  font-weight:bold;
}
a.navbar-brand span {
  display:block;
  font-size: 0.6rem;
  line-height: 0.8rem;
  padding: 0;
  margin: 0 2.4rem 0 0;
}
.table.competencies td {
  text-align:center;
}

.cguide .btn {
  text-align:left;
}

#cgModal .modal-content {
  height:92vh;
}
#cgModal .modal-body {
  height:100%;
  overflow-y:scroll;
}
.cg-body table {
  width:100%;
  border:solid 1px #e2e2e2;
  margin-bottom:64px;
}
.cg-body th,
.cg-body td {
  padding:8px;
  vertical-align:top;
  border:solid 1px #e2e2e2;
}
.cg-body td {
  padding:16px 8px;
  border-width:0 1px;
}
.cg-body td:first-child,
.cg-body th:first-child {
  width:33.333%;
}
hr {
  margin:32px 0;
}

nav li.divider hr {
  margin:6px 0;
}

.tab-pane {
  padding-top:1.6rem;
}
body.competency-guidelines #cgModal .tab-pane,
.edit-competencies .tab-pane {
  padding-top:0;
}

.row > div:first-child {
  margin-bottom:8px;
}

.modal-body .row > div:first-child {
  margin-bottom:16px;
}

.nav.nav-pills.sticky-top li {
  display:block;
  width:100%;
}
.imh-categories,
.ecmh-categories {
  padding:0 0.8rem;
}
.applications > .row,
.endorsements > .row,
.imh-categories > .row,
.ecmh-categories > .row,
.report-data > .row,
.report-cards.row {
  display: grid;
  grid-template-columns: repeat(1,1fr);
  grid-gap: 1rem;
}

.report-data .card,
.report-cards .card {
  padding:0 !important;
}

.report-data.surveys .card-body,
.report-cards ul.list-group {
  max-height:25vh;
  overflow-y:scroll;
}

.row > .card:first-child,
.report-cards .card:first-child {
  margin-bottom:0;
}

.report-cards .list-group-item {
  display:flex;
  justify-content:space-between;
  align-items:center;
  cursor:pointer;
}
.demographics .report-cards .list-group-item,
.surveys .report-cards .list-group-item {
  cursor:default;
}

.report-cards .list-group-item.active {
  background-color:var(--primary-color);
  color:#fff;
}

.actions a i {
  padding-right:0.4rem;
}

.accordion-button {
    pointer-events: none;
}

.accordion-button::after {
    pointer-events: all;
}

#requirements .bi-grip-vertical {
  cursor:grab !important;
}

.block {
  margin: 5px 0;
  border: 1px solid #f1e8e2;
  background: #fff;
}
.block-title {
    font-family: Arial;
  font-size: 12px;
  color: #4c4743;
  padding: 0 10px;
  min-height: 33px;
  line-height: 33px;
  position: relative;
}
.sortable {
    list-style: none;
    padding-left: 0;
}
.sortable ul {
    margin-left: 25px;
    padding:5px;
}
.ui-sortable-helper {
  box-shadow: rgba(0,0,0,0.15) 0 3px 5px 0;
  width: 300px!important;
  height: 33px!important;
}
.sortable-placeholder {
  height: 35px !important;
  background: #e3dcd7;
  margin-bottom: 5px;
  margin-top: 5px;
}

#sortable > li > .sortable > li .sortable {
  display:none;
}

.competencies span.text-secondary,
.competencies .nav-link {
  font-size:0.9rem;
  line-height:1.2rem;
}
.competencies .nav-link.active {
  color:#333;
  font-weight:bold;
}

.competencies > ul > li.nav-item > span {
  display:inline-block;
  cursor:pointer;
}

.competencies > ul > li.nav-item > span:before {
  content:"\25B6";
  display:inline-block;
  font-size:0.9rem;
  margin-right:0.6rem;
}

.competencies > ul > li.nav-item.open > span:before {
  content:"\25BC";
}

.competencies ul.nav ul.nav {
  display:none;
}

.competencies li.nav-item.open ul.nav {
  display:block;
}

#applications_info .select-info {
  display:block;
}

table.dataTable tbody tr.odd .select:after,
table.dataTable tbody tr.even .select:after,
table.table.dataTable.table-striped > tbody > tr .select:after {
  content: '\2714 \fe0e';
  color: transparent;
}
table.dataTable tbody tr.odd.selected .select:after,
table.dataTable tbody tr.even.selected .select:after,
table.table.dataTable.table-striped > tbody > tr.selected .select:after {
  color: var(--primary-color);
}

table.dataTable.table-striped > tbody > tr.odd.selected > *,
table.dataTable.table-striped > tbody > tr.selected > *,
table.dataTable.table-striped > tbody > tr.selected:hover > *,
table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1).selected > *,
table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1).selected > *:hover {
  color: rgb(33, 37, 41);
  box-shadow: inset 0 0 0 9999px rgba(225, 225, 225);
}

th.sorting_disabled:before,
th.sorting_disabled:after {
  content: "" !important;
}

.quantity,
.qty {
  text-align: right;
  white-space: nowrap;
}

.card.disabled {
  opacity:0.5;
}

.card .ribbon {
   position: absolute;
   right: -5px; top: -5px;
   z-index: 1;
   overflow: hidden;
   width: 75px; height: 75px; 
   text-align: right;
}
.card .ribbon span {
   font-size: 10px;
   color: #fff; 
   text-transform: uppercase; 
   text-align: center;
   font-weight: bold; line-height: 20px;
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg); /* Needed for Safari */
   width: 100px; display: block;
   background: #1e5799;
   background: linear-gradient(#2989d8 0%, #1e5799 100%);
   box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
   position: absolute;
   top: 19px; right: -21px;
}
.card .ribbon span::before {
   content: '';
   position: absolute; 
   left: 0px; top: 100%;
   z-index: -1;
   border-left: 3px solid #1e5799;
   border-right: 3px solid transparent;
   border-bottom: 3px solid transparent;
   border-top: 3px solid #1e5799;
}
.card .ribbon span::after {
   content: '';
   position: absolute; 
   right: 0%; top: 100%;
   z-index: -1;
   border-right: 3px solid #1e5799;
   border-left: 3px solid transparent;
   border-bottom: 3px solid transparent;
   border-top: 3px solid #1e5799;
}

.endorsements .card .ribbon span {
  background: #79A70A;
  background: linear-gradient(#9BC90D 0%, #79A70A 100%);
}
.endorsements .card .ribbon span::before {
  border-left-color: #79A70A; border-top-color: #79A70A;
}
.endorsements .card .ribbon span::after {
  border-right-color: #79A70A; border-top-color: #79A70A;
}


img.responsive {
  width:100%;
}

.license-selector p.easy {
  color: var(--primary-color) !important; 
}
.license-selector p.easy em {
  color: var(--secondary-color) !important; 
  font-style:normal;
}

#regalerts,
#regalerts .regalert {
  display:none;
}

#adders {
  display:none;
}

.step-counter > li {
  flex-grow:1;
  text-align:center;
}

label.form-label {
  font-weight:bold;
}

main.container {
  min-height:60vh;
}

#panels.sticky-top,
.kb-tabs.sticky-top {
  top:80px !important;
}

.navbar-toggler {
  border-color: transparent !important;
}
.navbar-toggler:focus {
  border-color: #fff !important;
  box-shadow: 0 0 0 #fff !important;
}
.navbar-toggler .icon {
  color:#fff !important;
}

.offcanvas {
  z-index:2050;
}

#data .instructions * {
  display:none;
}

#education-panel #data .instructions div[data-requirement=education],
#education-panel #data .instructions div[data-requirement=education] *,
#work-panel #data .instructions div[data-requirement=work],
#work-panel #data .instructions div[data-requirement=work] *,
#trainings-panel #data .instructions div[data-requirement=training],
#trainings-panel #data .instructions div[data-requirement=training] *,
#supervision-panel #data .instructions div[data-requirement=supervision],
#supervision-panel #data .instructions div[data-requirement=supervision] *,
#references-panel #data .instructions div[data-requirement=reference],
#references-panel #data .instructions div[data-requirement=reference] *,
#leadership-panel #data .instructions div[data-requirement=leadership],
#leadership-panel #data .instructions div[data-requirement=leadership] * {
  display:block !important;
 }

 .progress-bar.bg-success {
  transition:width .4s ease-in;
 }

body.applications .endorsements .card:not(.disabled) {
  position:relative;
  background: rgb(255,254,242);
  background: linear-gradient(45deg, rgba(255,254,242,1) 18%, rgba(255,255,255,1) 100%); 
  -webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.4);
  -moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.4);
  box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.4);
}
body.applications .endorsements .card.disabled {
  box-shadow:none;
}
/*
body.applications .endorsements .card:not(.disabled):after {
  font-family: "bootstrap-icons";
  content:'\F153';
  position:absolute;
  right:2px;
  bottom:-8px;
  color:cornflowerblue;
  font-size:36px;
  line-height:1;
  text-shadow: 3px 3px 5px rgba(0,0,0,0.31);
}
body.applications .btn-outline-success {
  background-color:#fff;
}
body.applications .btn.archive-endorsement {
  border:none;
  margin-top:-4px;
  margin-right:-4px;
}
*/
body.applications .card-body {
  padding:20px 10px;
}
body.applications .card label {
  font-weight:bold;
  display:block;
  margin-bottom:0.4rem;
}

th.dt-orderable-none:first-child .dt-column-order {
  display:none !important;
}

body.users table.dataTable td.dt-type-numeric {
  text-align:center !important;
}

body.applications table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order::after, 
body.applications table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order::after, 
body.applications table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order::after, 
body.applications table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order::after {
  top:71%;
}
body.applications table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order::before, 
body.applications table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order::before, 
body.applications table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order::before, 
body.applications table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order::before {
  bottom:32%;
}

table#applications td.dt-type-numeric[data-applications],
table#applications td.dt-type-numeric[data-endorsements] {
  text-align:left !important;
}
table#applications td.dt-type-numeric[data-applications] > a,
table#applications td.dt-type-numeric[data-endorsements] > a {
  font-size:1.0rem;
  display:block;
}

tr.warning td {
  background-color:var(--bs-yellow) !important;
}

@media screen and (min-width:769px) {
  .applications > .row,
  .endorsements > .row,
  .imh-categories > .row,
  .ecmh-categories > .row,
  .report-data > .row,
  .report-cards.row {
    grid-template-columns: repeat(3, 1fr);
  }
  .applications.report-cards.row {
    grid-template-columns: repeat(4, 1fr);
  }
  .surveys .report-cards .row .card:last-child {
    grid-column: span 3;
  }
  #easy_instance {
    width:50vw !important;
    column-gap:1.5rem;
    columns:3;
  }
  table#applications td,
  table#applications th {
    padding-left:1.0rem;
    padding-right:1.3rem;
  }
  body.applications li.nav-item.endorsement,
  body.alerts li.nav-item.alerts,
  body.reports li.nav-item.reports,
  body.membership li.nav-item.membership,
  body.users li.nav-item.users,
  body.options li.nav-item.options,
  body.support li.nav-item.support,
  body.registry li.nav-item.registry,
  body.guidelines li.nav-item.guidelines,
  body.register li.nav-item.register,
  body.login li.nav-item.login {
    position:relative;
  }
  body.applications li.nav-item.endorsement:after,
  body.alerts li.nav-item.alerts:after,
  body.reports li.nav-item.reports:after,
  body.membership li.nav-item.membership:after,
  body.users li.nav-item.users:after,
  body.options li.nav-item.options:after,
  body.support li.nav-item.support:after,
  body.registry li.nav-item.registry:after,
  body.guidelines li.nav-item.guidelines:after,
  body.register li.nav-item.register:after,
  body.login li.nav-item.login:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top:calc(100% + 3px);
    margin-left:calc(50% - 6px);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 6px solid #fff;
    -moz-transform: scale(0.999);
    -webkit-backface-visibility: hidden;
  }
  #report-progress th {
    white-space:nowrap;
  }
}

@media screen and (min-width:1025px) {
  .applications > .row,
  .endorsements > .row,
  .imh-categories > .row,
  .ecmh-categories > .row,
  .report-data > .row {
    grid-template-columns: repeat(4, 1fr);
  }
  .surveys .report-cards .row .card:last-child {
    grid-column: span 4;
  }
}

/*
  Institute theme
*/
.bg-primary {
  background-color: var(--primary-color) !important;
}
.btn-primary,
.list-group-item.active,
.nav-pills .active,
.dropdown-item.active,
.page-item.active > .page-link,
.dropdown-item:active {
  background-color: var(--primary-color) !important;
  border-color: var(--secondary-color) !important;
}
.btn-primary:hover {
  background-color: var(--secondary-color) !important;
}
.text-primary,
.nav-tabs .nav-link,
.nav-pills .nav-link:not(.active),
.page-item:not(.active) .page-link,
.competencies .nav-link {
  color: var(--primary-color) !important;
}
.nav-tabs .nav-link:hover,
.competencies .nav-link:hover,
.competencies .nav-link.active {
  color: var(--secondary-color) !important;
}
.nav-tabs .nav-link.active {
  color:#333 !important;
}
header.primary-header {
  background-image: var(--logo);
  background-repeat:no-repeat;
  background-position: var(--position) !important;
  background-size: var(--size) !important;
}

/* Phone: stack the logo above the text so they never overlap,
   regardless of each association's logo size. The logo sits in a
   reserved band at the top (height capped to 50px so it scales
   proportionally), and the header text is pushed below it. */
@media screen and (max-width:768px) {
  header.primary-header {
    background-position: top left !important;
    background-size: auto 50px !important;
    padding-top: 60px;
  }
}