@import url("https://fonts.googleapis.com/css?family=Nunito+Sans:400,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap");

a {
    text-decoration: none;
}

a:hover {
    text-decoration: var(--bs-link-decoration, underline); /* Applies underline on hover */
}

.content-page {
    /* 86px is approx height of the top nav bar */
    min-height: calc(100vh - 86px);
}

.logo-box {
    height: 70px;
}

.tab-pane-scrollable {
    max-height: 50vh;
    overflow-y: auto;
    padding: 15px;
}

#sidebar-menu > ul > li > a.active,
#sidebar-menu > ul > li > a:active,
#sidebar-menu > ul > li > a:focus,
#sidebar-menu > ul > li > a:hover {
  color: var(--bs-secondary) !important;
}

/* scroll between header and footer, as they are both fixed
added to a container that sits between top bar and footer
ensures scrolling content doesn't collide with top bar or footer */
.a-scroll-between {
    padding-top: 120px;
    padding-bottom: 60px;
    z-index: -1;
}

.nav-link {
    cursor: pointer;
}

.select2-container {
    min-width: 200px;
}

/* update arrow icon on history panel collapse */

a.history-tab {
  text-decoration: none; /* no underline */
}

.history-tab:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.history-tab[aria-expanded="true"]:after {
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent;
}

label.required:after {
    content: "*";
}

div:has(> label.generic-form-hide-parent) {
  display: none;
}

.repeating-area-container .fa-trash {
  color: rgb(202, 0, 0);
  cursor: pointer;
}

.repeating-area-container .repeating_area_handle {
  cursor: grabbing;
}

.repeating-area-container + p,
.repeating-area-container + h2,
.repeating-area-container + h3
{
  margin-top: 20px;
}

form[name="admForm"] input:checked + label {
    font-weight: bold;
}

form[name="admForm"] label.form-check-label {
    cursor: pointer;
}


/* report canvas styling */
.report-frame {
    border: 1px solid;
    border-color: #ddd;
    border-radius: 4px;
    z-index: 1000;
}

.report-frame-inner {
    margin: 5px;
    padding: 5px;
}

.report-shadow {
    box-shadow: 0px 0px 10px #ddd;
}

/* report nav bar styling */
.report-nav {
    border-bottom: 1px solid;
    border-color: #ddd;
}

.report-pagination {
    display: inline-block;
    padding-left: 5px;
    margin: 10px;
    border-radius: 4px;
}

.pagination {
    padding-top: 0.5rem;
    padding-left: 0.5rem;
}

.first, .last, .next, .prev, #btn-pdf, #btn-csv {
    cursor: pointer;
}

/* places content vertically for simple layout
so that content is (almost centered)
accounting for top navbar and bottom fixed footer */
.a-place-content {
    margin-top: -86px;
    padding-top: 120px;
    padding-bottom: 60px;
}

/* not using custom-file label currently (on generic forms) so hide it */
form .custom-file .custom-file-label {
    display: none;
}

/* class to size logo div to our standard logo size */
.a-size-177x177 {
    width: 177px;
    height: 177px;
}

.dygraph-axis-label {
    /* account for any font letter width variation
    with of labels is fixed
    and some fonts make the label look slightly cut-off */
    font-size: 98%;
}