/* Custom css for InfoHub */

/* Sitewide */
.mobileOnly {
  display: none;
}

/* Header */
.nav-full-width {
  max-width: 100%;
}
.navbar-form-control :placeholder {
  color: #717D96 !important;
}
.siteLogo {
  height: 32px;
}

/* Left navigation */
.sidebar-sticky .nav-link {
  color: #ffffff;
  margin-left: 0px;
}

.sidebar-sticky .active a.nav-link:hover {
  text-decoration: none;
  color: #156098;
}

.sidebar-sticky .nav-link img {
  margin-right: 5px;
}
.sidebar-sticky .childnav.show {
  display: contents;
}

.sidebar-sticky .nav-item a:hover{
  text-decoration: none !important;
  background-color: var(--portalThemeColor1) !important;
}

.sidebar-sticky a.nav-link.active, .sidebar-sticky a.nav-item.active{
  text-decoration: none !important;
  background-color: #717D96;
}

.sidebar-sticky a.nav-link.active:hover{
  background-color: var(--portalThemeColor1) !important;
}


/* Banner */
.banner {
  align-content: space-evenly;
}
.banner .breadcrumb {
  font-size: 32px;
}

/* Dashboard */
.dashboard .sectionHeading {
  font-size: 28px;
}
.dashboard .btn-toolbar {
  gap: 15px;
}
.dashboard button {
  background-color: #E5ECF2;
  color: #013861;
  height: 43px;
}
.dashboard button:hover {
  background-color: #E5ECF2;
}
.dashboard .card {
  box-shadow: 0px 5px 40px -12px #00000059;
  border: 0;
  border-radius: 8px 8px 8px 8px;
  padding: 20px 30px;
}
.dashboard .card .card-img {
  height: 82px; 
  max-width: 82px;
}
.dashboard .card .card-btn-group {
  gap: 15px;
}

/* Footer */
footer .footer-btn-group button {
  min-height: 40px;
}
footer .footer-bottom .partial-radius {
  border-radius: 6px 0 6px 6px;
}
footer .footer-bottom .termsOfUse {
  text-align: center;
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 

}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
  /* Sitewide */
  .mobileOnly {
    display: initial;
  }
  .mobileHidden {
    display: none;
  }

  /* Header */
  .siteLogo {
    height: 24px;
  }

  /* Banner */
  .banner {
    align-content: center;
  }
  .banner .returnToPrev {
    font-size: 14px;
  }
  .banner .breadcrumb {
    font-size: 24px;
  }

  /* Dashboard */
  .dashboard .sectionHeading {
    font-size: 20px;
    margin-top: 0;
  }
  .dashboard .btn-toolbar {
    gap: 8px;
  }
  .dashboard button {
    height: 33px;
    width: 33px;
    display: inline-flex;
    justify-content: center;
  }
  .dashboard button img{
    height: 20px;
    width: 20px;
  }
  .dashboard .card-wrapper {
    padding-top: 0;
  }
  .dashboard .card .card-img {
    height: 58px;
    max-width: 58px;
  }
  .dashboard .card .card-title {
    font-size: 18px;
  }
  .dashboard .card .card-btn-group {
    gap: 8px;
  }
  .dashboard .card .card-btn {
    height: 30px;
    padding-top: 0;
  }

  /* Footer */
  footer .footer-bottom {
    padding: 0;
    background-color: #01294e;
  }

  footer .footer-bottom h5 {
    font-size: 18px !important;
    color: #ffffff !important;
  }

  footer .footer-bottom .termsOfUse {
    text-align: left;
    font-size: 14px;
  }

}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 
  
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { 
  
}

.aeso_file_upload_submissions table,th,td{
  font-size: 12pt;
}

.aeso_file_upload_submissions table,th,td a{
  font-size: 12pt;
}


.aeso_file_upload_submissions th{
  background-color: var(--portalThemeColor4);
}

.aeso_file_upload_submissions td a{
  color: var(--portalThemeColor4);
  text-decoration: none;
}

.aeso_file_upload_submissions th a{
  color: white;
  font-weight: 600;
  text-decoration: none;
  font-size: 12pt;
}

.pagination {
  --bs-pagination-color: var(--portalThemeColor1);
  --bs-pagination-active-bg: var(--portalThemeColor1);
  --bs-pagination-active-border-color: var(--portalThemeColor1);
  --bs-pagination-focus-color: var(--portalThemeColor1);
  --bs-pagination-hover-color: var(--portalThemeColor1);
}

.pagination .active a{
  background-color: var(--portalThemeColor1) !important;
}

.pagination .active a:focus{
  background-color: var(--portalThemeColor1) !important;
}

.pagination .active a:hover{
  background-color: var(--portalThemeColor1) !important;
}

.view-pagination {
  justify-content: right;
}

#sideNavbar .active a:hover{
  color: var(--portalThemeColor1);
}